Javascript 如何选中所有复选框？

jsp代码是

<input 
    type="button" 
    class="btn btn-theme02 btn-xs " 
    value="CheckAll" 
    onClick="CheckAll(document.myform.checklist)" />
<input 
    type="button"  
    class="btn btn-theme02 btn-xs" 
    value="UnCheckAll" 
    onClick="UnCheckAll(document.myform.checklist)" />
<input  
    type="checkbox" 
    style="width: 20px" 
    class="checkbox form-control centered" 
    id="checklist" 
    name="checklist" 
    value="<%=voucher.getId()%>" />

复选框在表中。复选框行是动态的

Javascript:

function CheckAll(chk)
{
    for (i = 0; i < chk.length; i++)
        chk[i].checked = true ;
}

function UnCheckAll(chk)
{
    for (i = 0; i < chk.length; i++)
        chk[i].checked = false ;
}

函数CheckAll（chk）
{
对于（i=0；i

如果有两个或多个复选框，则选中所有和取消选中所有按钮都有效。这些按钮不适用于单个复选框

谢谢。

您可以：

$(":checkbox").prop('checked', true);

试试这个：

function CheckAll(){
$('input[type=checkbox]').each(function () {
          $(this).prop('checked', true);
});
}
function UnCheckAll(){
$('input[type=checkbox]').each(function () {
          $(this).prop('checked', false);
});
}

并删除作为参数传递的任何内容。这应该是可行的，请尝试一下，并让我知道任何进一步的问题。

在传统JS中：

---

使用jquery遍历并将它们标记为选中或取消选中。

value=”“

属性是否正确转义？html页面中的任何元素都可以具有唯一id。

function CheckAll(state) {
    var i = 0,
    inputs = document.getElementsByTagName('input');

    for (i = 0; inputs.length; i++) {
        if (inputs[i].type === 'checkbox') {
            inputs[i] = state;
        }
    }
}

checkAll(true); // to check
checkAll(false); // to uncheck