Javascript 如何在jQuery中使用foreach禁用所有复选框

我想在单击全部“全选”时禁用所有复选框

如何使用jQuery实现这一点

JavaScript:

这里

categories[]

是foreach循环中复选框的名称

function checkAll(source) {
    checkboxes = document.getElementsByName('categories[]');

    for(var i=0, n=checkboxes.length;i<n;i++) {
        //checkboxes[i].checked = source.checked;
        checkboxes[i].disabled = source.disabled;
    }
}

函数checkAll（源代码）{
复选框=document.getElementsByName（'categories[]）；
对于（var i=0，n=checkbox.length；i只需使用
prop（'disabled'，true）


$（'mainChk'）。在（'click'，function（）上{
变量类别=$（'.categories'）；
categories.prop（'disabled'），！categories.prop（'disabled'）；
})；

主要
弗斯特
第二
第三，给你所有的复选框一个类（例如：class='ck'）

然后：

$('.ck').each(function(){
$(this).prop('disabled', true);
})


函数uncheckAll（）{
$（'input:checkbox'）。removeAttr（'checked'）；
}
函数disableAll（）{
$（'input:checkbox'）.attr（'disabled'，'true'）；
}
A

B

C

D

E

全部取消选中
全部禁用
这对您很有用

     <input type="checkbox" checked>A<br/>
     <input type="checkbox" checked>B<br/>
     <input type="checkbox">C<br/>
     <input type="checkbox" checked>D<br/>
     <input type="checkbox">E<br/>
     <button class="disableAll">Disable all</button>

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
      <script>
      $(document).ready(function(){
      $(".disableAll").click(function(){
      $('input[type=checkbox]').each(function(){
      $(this).prop('disabled', true);
   })
    });
});

A

B

C

D

E

全部禁用
$（文档）.ready（函数（）{
$（“.disableAll”）。单击（函数（）{
$（'input[type=checkbox]'）。每个（函数（）{
$（this.prop（'disabled'，true）；
})
});
});

您可以像这样使用jquery启用禁用复选框

$('#checkAll:checkbox').change(function () {
    if($(this).attr("checked")) $('input:checkbox').attr('checked','checked');
    else $('input:checkbox').removeAttr('checked');
});

看看这个。
不需要使用
forche
来做。你会遇到什么问题？使用这个javascript…所有复选框都不禁用…你能解决这个javascript吗？如果解决了…那么我将实现javascript。谢谢@SurenSrapyan@RohanHapani如果这有帮助，你可以接受这一点，帮助其他人轻松找到它x@Asim Shahzad