使用JavaScript检查/取消选中复选框？

Question

如何使用JavaScript或jQuery检查/取消选中复选框？

Answer 1

的Javascript：

// Check 
document.getElementById("checkbox").checked = true; 

// Uncheck 
document.getElementById("checkbox").checked = false; 

的jQuery（1.6+）：

// Check 
$("#checkbox").prop("checked", true); 

// Uncheck 
$("#checkbox").prop("checked", false); 

的jQuery（1.5）：

// Check 
$("#checkbox").attr("checked", true); 

// Uncheck 
$("#checkbox").attr("checked", false); 

Answer 2

检查：

document.getElementById("id-of-checkbox").checked = true; 

以取消：

document.getElementById("id-of-checkbox").checked = false; 

Answer 3

我们可以确认微粒的复选框为，

$('id of the checkbox')[0].checked = true 

，并取消通过，

$('id of the checkbox')[0].checked = false 

Answer 4

还未被提及重要行为：

以编程方式设置选中属性，不会触发复选框的change事件。

在这拨弄自己看看：
http://jsfiddle.net/fjaeger/L9z9t04p/4/

（小提琴在Chrome 46，Firefox的41和IE 11测试）

的click()方法

有一天你可能会发现自己编写代码，依赖于被触发的事件。为了确保事件触发，调用click()方法的复选框的元素，像这样：

document.getElementById('checkbox').click(); 

然而，这种切换复选框的选中状态，而不是将其专门设置为true或false。请记住，只有当checked属性实际发生更改时，才会触发change事件。

它也适用于jQuery的方法：设置使用prop或attr属性，不火的change事件。

调用click()方法之前设置checked为特定值

你可以测试checked属性。例如：

function toggle(checked) { 
    var elm = document.getElementById('checkbox'); 
    if (checked != elm.checked) { 
    elm.click(); 
    } 
} 

了解更多关于这里的点击方法：
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

Answer 5

我想指出的是，“检查”属性设置为一个非空字符串导致检查框。

所以，如果你设置了“检查”属性“假”，该复选框将被检查。我不得不将该值设置为空字符串，空或布尔值假，以确保该复选框没有被检查。

Answer 6

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.selecctall').click(function (event) { 
      if (this.checked) { 
       $('.checkbox1').each(function() { 
        this.checked = true; 
       }); 
      } else { 
       $('.checkbox1').each(function() { 
        this.checked = false; 
       }); 
      } 
     }); 

    }); 

</script> 

Answer 7

试试这个：

//Check 
document.getElementById('checkbox').setAttribute('checked', 'checked'); 

//UnCheck 
document.getElementById('chk').removeAttribute('checked'); 

Answer 8

function setCheckboxValue(checkbox,value) { 
    if (checkbox.checked!=value) 
     checkbox.click(); 
}