小开

你能做到的

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

或

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

如果您在要触发的复选框的onClick事件中有自定义代码，请改用此代码：

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

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

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

您可以像这样选中所有复选框：

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

小开

最佳答案

现代jQuery

使用#0：

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

DOMapi

如果你只使用一个元素，你总是可以访问底层的#0并修改它的#1属性：

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

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

jQuery 1.5. x及以下

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

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

请注意，这是jQuery的单元测试在1.6版之前使用的方法，并且比使用$('.myCheckbox').removeAttr('checked');更可取，因为如果最初选中该框，则后者将在包含它的任何表单上将调用的行为更改为#1-这是一个微妙但可能不受欢迎的行为变化。

有关更多上下文，可以在#1留档的版本1.6发行说明和属性vs.属性部分中找到一些关于在从1.5. x到1.6的过渡中对checked属性/属性的处理的更改的不完整讨论。

小开

用途：

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

如果你想检查一个复选框是否被选中：

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

小开

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

最后一个将触发复选框的单击事件，其他不会。因此，如果您在要触发的复选框的onClick事件中有自定义代码，请使用最后一个。

小开

您还可以使用新方法扩展$. 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（），以防您使用其他使用这些名称的库。

小开

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

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

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

小开

选中您应该使用的复选框

 $('.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');}});

小开

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

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

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

问题（jQuery 1.6）：

一旦用户单击复选框，该复选框就会停止响应“已检查”属性更改。

这是一个在某人将复选框设置为点击后，复选框属性无法完成工作的示例（这种情况发生在Chrome）。

小提琴

解决方法：

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

小提琴

该插件将更改jQuery选择的任何元素的选中属性，并在任何情况下成功选中和取消选中复选框。因此，虽然这看起来像是一个包罗万象的解决方案，但它将使您网站的用户体验更好，并有助于防止用户沮丧。

(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;});

小开

我们可以使用elementObject和jQuery来检查属性：

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

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

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

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

小开

以下是使用按钮选中和未选中的代码：

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;});});

小开

我无法使用它工作：

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

true和false都将选中复选框。对我有效的是：

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

小开

假设问题是…

如何检查复选框集按价值？

请记住，在典型的复选框集中，所有输入标记都具有相同的名称，它们因属性#0而不同：集合的每个输入都没有ID。

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

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

小开

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

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

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

小开

我错过了解决方案。我总是使用：

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

小开

试试这个：

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

小开

这是一个没有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>

小开

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

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

小开

这是完整的答案使用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});

小开

要使用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);

小开

$(".myCheckBox").prop("checked","checked");

小开

请注意Internet Explorer 9之前的Internet Explorer中的内存泄漏，如jQuery留档状态：

在版本9之前的Internet Explorer中，使用. prop（）设置DOM元素属性为简单原始值以外的任何值（数字、字符串或布尔值）可能导致内存泄漏，如果属性是在删除DOM元素之前未删除（使用. demveProp（））从文档中。在没有内存的DOM对象上安全地设置值泄漏，使用. data（）。

小开

在jQuery中，

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

或

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

在JavaScript中，

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

小开

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

小开

以下是如何检查多个复选框的代码和演示…

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;}}});

小开

总体而言：

$("#checkAll").click(function(){$(".somecheckBoxes").prop('checked',$(this).prop('checked')?true:false);});

小开

纯JavaScript非常简单，开销更少：

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

这里的例子

小开

另一种可能的解决方案：

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

小开

检查和取消检查

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

小开

你可以试试这个：

$('input[name="activity[task_state]"]').val("specify the value you want to check ")

小开

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

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

或

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

更短的是：

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

这里也是ajsFiddle。

小开

如果您使用ASP.NETMVC，生成许多复选框，然后使用JavaScript生成选择/取消选中所有，您可以执行以下操作。

超文本标记语言

@foreach (var item in Model){@Html.CheckBox(string.Format("ProductId_{0}", @item.Id), @item.IsSelected)}

javascript

function SelectAll() {$('input[id^="ProductId_"]').each(function () {$(this).prop('checked', true);});}
function UnselectAll() {$('input[id^="ProductId_"]').each(function () {$(this).prop('checked', false);});}

小开

当你选中一个复选框的时候;

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

可能不够，还应该调用下面的函数;

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

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

小开

对于 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');

小开

正如@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();

小开

这也许能帮到某人。

HTML5

 <input id="check_box" type="checkbox" onclick="handleOnClick()">

JavaScript.

  function handleOnClick(){


if($("#check_box").prop('checked'))
{
console.log("current state: checked");
}
else
{
console.log("current state: unchecked");
}
}

小开

如果您正好在使用鞋带(可能是无意识地) ..。

$('#myCheckbox').bootstrapToggle('on')
$('#myCheckbox').bootstrapToggle('off')

Http://www.bootstraptoggle.com/

小开

if($('jquery_selector').is(":checked")){
//somecode
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

小开

您可以使用 JavaScript 以不同的方式选中复选框选中的条件。

第一种方法- $('.myCheckbox').prop('checked', true);
第二种方法- $('.myCheckbox').attr('checked', true);
第三个方法(如果选中了复选框，则用于检查条件) -$('.myCheckbox').is(':checked')

小开

如果您使用的是 .prop('checked', true|false)而没有更改 复选框，您需要像下面这样添加 trigger('click'):

// Check
$('#checkboxF1').prop( "checked", true).trigger('click');




// Uncheck
$('#checkboxF1').prop( "checked", false).trigger('click');

小开

编辑于2019年1月

你可以使用: < strong > . prop (properties 名称) -版本新增: 1.6

p {margin: 20px 0 0;}
b {color: red;}
label {color: red;}

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 

<input id="check1" type="checkbox" checked="checked">
<label for="check1">Check here</label>
<p></p>
 

<script>
$( "input" ).change(function() {
var $input = $( this );
$( "p" ).html(
"The .attr( \"checked\" ): <b>" + $input.attr( "checked" ) + "</b><br>" +
"The .prop( \"checked\" ): <b>" + $input.prop( "checked" ) + "</b><br>" +
"The .is( \":checked\" ): <b>" + $input.is( ":checked" ) + "</b>" );
}).change();
</script>
 

</body>
</html>

关于角框架

例子一

在您的. html 文件中

<input type="checkbox" (change)="toggleEditable($event)">

在你的.ts 文件中

toggleEditable(event) {
if ( event.target.checked ) {
this.contentEditable = true;
}
}

例子2

在您的. html 文件中

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkAction(isChecked ? 'Action1':'Action2')" />

小开

JavaScript 解决方案也可以很简单，而且开销更小:

document.querySelectorAll('.myCheckBox').forEach(x=> x.checked=1)

document.querySelectorAll('.myCheckBox').forEach(x=> x.checked=1)

checked A: <input type="checkbox" class="myCheckBox"><br/>
unchecked: <input type="checkbox"><br/>
checked B: <input type="checkbox" class="myCheckBox"><br/>

小开

你可以这样做，如果你有 ID 来检查它

document.getElementById('ElementId').checked = false

还有这个

document.getElementById('ElementId').checked = true

小开

如果你考虑使用香草 js 而不是 jquery，有一个解决方案:

//for one element:
document.querySelector('.myCheckBox').checked = true /* or false */ //will select the first matched element
//for multiple elements:
for (const checkbox of document.querySelectorAll('.myCheckBox')) {
checkbox.checked = true //or false
}

使用jQuery为复选框设置“选中”