我想做这样的事情来使用jQuery勾选一个checkbox ：

$(".myCheckBox").checked(true);

要么

$(".myCheckBox").selected(true);

这样的事情存在吗？

#1楼

如果您正在使用PhoneGap进行应用程序开发，并且要立即显示的按钮上有一个值，请记住要这样做

$('span.ui-[controlname]',$('[id]')).text("the value");

我发现没有跨度，无论您做什么，界面都不会更新。

#2楼

我错过了解决方案。我将始终使用：

if ($('#myCheckBox:checked').val() !== undefined)
{//Checked
}
else
{//Not checked
}

#3楼

尝试这个：

$('#checkboxid').get(0).checked = true;  //For checking$('#checkboxid').get(0).checked = false; //For unchecking

#4楼

这是没有jQuery的一种方法

 function addOrAttachListener(el, type, listener, useCapture) { if (el.addEventListener) { el.addEventListener(type, listener, useCapture); } else if (el.attachEvent) { el.attachEvent("on" + type, listener); } }; addOrAttachListener(window, "load", function() { var cbElem = document.getElementById("cb"); var rcbElem = document.getElementById("rcb"); addOrAttachListener(cbElem, "click", function() { rcbElem.checked = cbElem.checked; }, false); }, false);

 <label>Click Me! <input id="cb" type="checkbox" /> </label> <label>Reflection: <input id="rcb" type="checkbox" /> </label>

#5楼

如果使用移动设备并且您希望界面更新并将复选框显示为未选中，请使用以下命令：

$("#checkbox1").prop('checked', false).checkboxradio("refresh");

#6楼

这是使用jQuery 的完整答案

我测试了它，并且100％：D

    // when the button (select_unit_button) is clicked it returns all the checed checkboxes values $("#select_unit_button").on("click", function(e){var arr = [];$(':checkbox:checked').each(function(i){arr[i] = $(this).val(); // u can get id or anything else});//console.log(arr); // u can test it using this in google chrome});

#7楼

要使用jQuery 1.6或更高版本选中复选框，只需执行以下操作：

checkbox.prop('checked', true);

要取消选中，请使用：

checkbox.prop('checked', false);

这是我喜欢用来使用jQuery切换复选框的内容：

checkbox.prop('checked', !checkbox.prop('checked'));

如果您使用的是jQuery 1.5或更低版本：

checkbox.attr('checked', true);

要取消选中，请使用：

checkbox.attr('checked', false);

#8楼

请注意， Internet Explorer 9之前的Internet Explorer中的内存泄漏，因为jQuery文档指出：

在版本9之前的Internet Explorer中，使用.prop（）将DOM元素属性设置为简单基本值（数字，字符串或布尔值）以外的任何内容，如果不删除该属性（使用.removeProp（））从文档中删除DOM元素之前。要在DOM对象上安全地设置值而不会导致内存泄漏，请使用.data（）。

#9楼

在jQuery中，

if($("#checkboxId").is(':checked')){alert("Checked");
}

要么

if($("#checkboxId").attr('checked')==true){alert("Checked");
}

在JavaScript中，

if (document.getElementById("checkboxID").checked){alert("Checked");
}

#10楼

$('controlCheckBox').click(function(){var temp = $(this).prop('checked');$('controlledCheckBoxes').prop('checked', temp);
});

#11楼

这是有关如何检查多个复选框的代码和演示...

http://jsfiddle.net/tamilmani/z8TTt/

$("#check").on("click", function () {var chk = document.getElementById('check').checked;var arr = document.getElementsByTagName("input");if (chk) {for (var i in arr) {if (arr[i].name == 'check') arr[i].checked = true;}} else {for (var i in arr) {if (arr[i].name == 'check') arr[i].checked = false;}}
});

#12楼

普通的JavaScript非常简单，并且开销更少：

var elements = document.getElementsByClassName('myCheckBox');
for(var i = 0; i < elements.length; i++)
{elements[i].checked = true;
}

这里的例子

#13楼

另一个可能的解决方案：

    var c = $("#checkboxid");if (c.is(":checked")) {$('#checkboxid').prop('checked', false);} else {$('#checkboxid').prop('checked', true);}

#14楼

选中和取消选中

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

#15楼

这可能是最短，最简单的解决方案：

$(".myCheckBox")[0].checked = true;

要么

$(".myCheckBox")[0].checked = false;

更短的是：

$(".myCheckBox")[0].checked = !0;
$(".myCheckBox")[0].checked = !1;

这也是一个jsFiddle 。

#16楼

当您选中类似的复选框时；

$('.className').attr('checked', 'checked')

这可能还不够。您还应该调用下面的函数；

$('.className').prop('checked', 'true')

特别是当您删除复选框选中属性时。

#17楼

对于jQuery 1.6+

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

对于jQuery 1.5.x及以下版本

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

去检查，

$('.myCheckbox').removeAttr('checked');

#18楼

您还可以使用新方法扩展$ .fn对象：

(function($)  {$.fn.extend({check : function()  {return this.filter(":radio, :checkbox").attr("checked", true);},uncheck : function()  {return this.filter(":radio, :checkbox").removeAttr("checked");}});
}(jQuery));

然后，您可以执行以下操作：

$(":checkbox").check();
$(":checkbox").uncheck();

或者，如果您使用其他使用这些名称的库，则可能要给它们提供更多独特的名称，例如mycheck（）和myuncheck（）。

#19楼

这将选择具有指定属性且其值包含给定子字符串“ ckbItem”的元素：

$('input[name *= ckbItem]').prop('checked', true);

它将选择其name属性中包含ckbItem的所有元素。

#20楼

正如@ livefree75所说：

jQuery 1.5.x及以下

您还可以使用新方法扩展$ .fn对象：

(function($)  {$.fn.extend({check : function()  {return this.filter(":radio, :checkbox").attr("checked", true);},uncheck : function()  {return this.filter(":radio, :checkbox").removeAttr("checked");}});
}(jQuery));

但是在新版本的jQuery中，我们必须使用如下代码：

jQuery 1.6以上

    (function($)  {$.fn.extend({check : function()  {return this.filter(":radio, :checkbox").prop("checked", true);},uncheck : function()  {return this.filter(":radio, :checkbox").prop("checked",false);}});}(jQuery));

然后，您可以执行以下操作：

    $(":checkbox").check();$(":checkbox").uncheck();

#21楼

你可以做

$('.myCheckbox').attr('checked',true) //Standards compliant

要么

$("form #mycheckbox").attr('checked', true)

如果您要触发的复选框的onclick事件中包含自定义代码，请改用以下代码：

$("#mycheckbox").click();

您可以通过完全删除属性来取消选中：

$('.myCheckbox').removeAttr('checked')

您可以选中所有复选框，如下所示：

$(".myCheckbox").each(function(){$("#mycheckbox").click()
});

#22楼

现代jQuery

使用.prop() ：

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

DOM API

如果只使用一个元素，则始终可以访问基础HTMLInputElement并修改其.checked属性：

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

代替使用.prop()和.attr()方法的好处是它们将对所有匹配的元素进行操作。

jQuery 1.5.x及以下

.prop()方法不可用，因此您需要使用.attr() 。

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

请注意，这是jQuery 1.6版之前的单元测试所使用的方法，比使用$('.myCheckbox').removeAttr('checked'); 因为如果最初选中该框，则后者将以包含该格式的任何形式.reset()的调用行为更改为–细微但可能不受欢迎的行为更改。

有关更多背景信息，请参见1.6版发行说明和.prop() “ 属性与属性”部分，其中.prop()从1.5.x到1.6的过渡中对checked属性/属性处理的一些不完整讨论。文件。

#23楼

采用：

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

如果要检查是否已选中复选框：

$('.myCheckbox').is(':checked');

#24楼

$("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();

最后一个事件将触发该复选框的click事件，其他事件则不会。因此，如果您要触发的复选框的onclick事件中包含自定义代码，请使用最后一个。

#25楼

要选中一个复选框，您应该使用

 $('.myCheckbox').attr('checked',true);

要么

 $('.myCheckbox').attr('checked','checked');

并取消选中复选框，则应始终将其设置为false：

 $('.myCheckbox').attr('checked',false);

如果你这样做

  $('.myCheckbox').removeAttr('checked')

它将所有属性一起删除，因此您将无法重置表单。

不良演示jQuery 1.6 。我认为这是坏的。对于1.6，我将对此发表新文章。

新的工作演示jQuery 1.5.2可在Chrome中使用。

两个演示都使用

$('#tc').click(function() {if ( $('#myCheckbox').attr('checked')) {$('#myCheckbox').attr('checked', false);} else {$('#myCheckbox').attr('checked', 'checked');}
});

#26楼

这是检查和使用jQuery取消选中复选框的正确的方法，因为它是跨平台的标准，并允许形式转播。

$('.myCheckBox').each(function(){ this.checked = true; });$('.myCheckBox').each(function(){ this.checked = false; });

这样，您就使用JavaScript标准来检查和取消选中复选框，因此任何正确实现checkbox元素的“ checked”属性的浏览器都可以完美地运行此代码。这应该是所有主要的浏览器，但是我无法在Internet Explorer 9之前进行测试。

问题（jQuery 1.6）：

用户单击复选框后，该复选框将停止响应“已选中”属性的更改。

这是一个示例，当有人单击复选框后，复选框属性无法完成工作（在Chrome中会发生这种情况）。

小提琴

解决方案：

通过在DOM元素上使用JavaScript的“ checked”属性，我们能够直接解决问题，而不是试图操纵DOM来完成我们想要的事情。

小提琴

此插件将更改jQuery选择的任何元素的checked属性，并在所有情况下成功选中和取消选中复选框。因此，尽管这似乎是一个过分的解决方案，但它可以使您的网站的用户体验更好，并有助于防止用户感到沮丧。

(function( $ ) {$.fn.checked = function(value) {if(value === true || value === false) {// Set the value of the checkbox$(this).each(function(){ this.checked = value; });} else if(value === undefined || value === 'toggle') {// Toggle the checkbox$(this).each(function(){ this.checked = !this.checked; });}return this;};
})( jQuery );

另外，如果您不想使用插件，则可以使用以下代码段：

// Check
$(':checkbox').prop('checked', true);// Un-check
$(':checkbox').prop('checked', false);// Toggle
$(':checkbox').prop('checked', function (i, value) {return !value;
});

#27楼

我们可以将elementObject与jQuery一起使用以检查属性：

$(objectElement).attr('checked');

我们可以将其用于所有jQuery版本，而不会出现任何错误。

更新：Jquery 1.6+具有新的prop方法，该方法取代了attr，例如：

$(objectElement).prop('checked');

#28楼

这是使用按钮进行选中和取消选中的代码：

var set=1;
var unset=0;
jQuery( function() {$( '.checkAll' ).live('click', function() {$( '.cb-element' ).each(function () {if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; }if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; }});set=unset;});
});

更新：这是使用更新的Jquery 1.6+ prop方法的相同代码块，该方法替代了attr：

var set=1;
var unset=0;
jQuery( function() {$( '.checkAll' ).live('click', function() {$( '.cb-element' ).each(function () {if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; }if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; }});set=unset;});
});

#29楼

我不能使用它来工作：

$("#cb").prop('checked', 'true');
$("#cb").prop('checked', 'false');

正确和错误都会选中该复选框。对我有用的是：

$("#cb").prop('checked', 'true'); // For checking
$("#cb").prop('checked', '');     // For unchecking

#30楼

假设问题是...

如何检查“按值”复选框设置？

请记住，在典型的复选框集中，所有输入标签都具有相同的名称， 但它们的属性value不同 ：该组的每个输入都没有ID。

可以使用以下代码行，使用更具体的选择器扩展Xian的答案：

$("input.myclass[name='myname'][value='the_value']").prop("checked", true);

将jQuery的复选框设置为“已选中”？相关推荐

使用 jQuery 为复选框设置“选中”
问题描述: 我想做这样的事情来使用 jQuery 勾选 checkbox: $(".myCheckBox").checked(true); 或者 $(".myCheckB ...
jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等一.checked属性定义先了解下input标签的checked属性: 1.HTML &l ...
【jQuery】复选框的全选、反选，推断哪些复选框被选中
本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...
JQuery实现复选框CheckBox的全选、反选、提交操作
对复选框最基本的应用,就是对复选框进行全选.反选和提交等操作.复杂的操作需要与选项挂钩,来达到各种级联反应效果. [示例]使用Jquery实现复选框CheckBox的全选.反选.提交操作. (1)创建 ...
复选框遍历选中 php,jQuery的复选框选择并且获取值
这次给大家带来jQuery的复选框选择并且获取值,jQuery复选框选择并且获取值的注意事项有哪些,下面就是实战案例,一起来看一下. 一.checkbox选择在jQuery中,选中checkbox通 ...
jquery判断复选框选中状态以及区分attr和prop
这篇文章主要介绍了jquery判断复选框选中状态以及区分attr和prop,感兴趣的小伙伴们可以参考一下最近项目中需要用jquery判断input里checkbox是否被选中,发现用attr()获取 ...
【zTree小贴士】复选框设置了：check:{ enable: true }，页面却没显示复选框
问题: 复选框设置了:check:{ enable: true },页面却没显示复选框可能的原因: 没有引入所需的js 解决方案: 引入jquery.ztree.excheck.min.j ...
jQuery实现复选框的全选和反选：
jQuery实现复选框的全选和反选: 截图如下: 代码如下: index.jsp: <%@ page language="java" import="java.ut ...
复选框的遍历和选中设置
复选框设置 <strong>应分配部门:</strong><input type="checkbox" name="fpbm" ο ...

将jQuery的复选框设置为“已选中”？

#1楼

#2楼

#3楼

#4楼

#5楼

#6楼

#7楼

#8楼

#9楼