Javascript禁用具有可变行的表中的复选框

Javascript禁用具有可变行的表中的复选框,javascript,Javascript,我有一个可以有可变行的表。如何一次禁用所有复选框 <table border="1" class="myTable grid"> <tr align="center"> <td>&nbsp;</td> <td>A</td> </tr> <tr align="center"> <td>1</td> <t

我有一个可以有可变行的表。如何一次禁用所有复选框

   <table border="1"  class="myTable grid">
    <tr align="center">
    <td>&nbsp;</td>
    <td>A</td>
    </tr>
    <tr align="center">
    <td>1</td>
    <td><input type="checkbox" name="cb1;1" value="1"></td>
    </tr>
    <td>2</td>
    <td><input type="checkbox" name="cb2;1" value="1" checked></td>
    </tr>
    <tr align="center">
     </table>

A.
1.
2.

这里是一个仅使用javascript的解决方案,它禁用myTable中的所有复选框

document.getElementByClassName("myTable").querySelectorAll("input[type='checkbox']").disabled = true;

jQuery解决方案是:

$('.myTable input[type=checkbox]').attr('disabled', 'disabled');
或者:

document.querySelectorAll('.myTable input[type=checkbox]').disabled = true;

尝试使用
for
循环来迭代
文档返回的
节点列表
。querySelectorAll(选择器)
,将
for
语句中的每个
[type=checkbox]
元素设置为
禁用

var inputs=document.querySelectorAll(“[type=checkbox]”);
对于(变量i=0;i

A.
1.
2.

如果可以使用jQuery,
$('.myTable input[type=checkbox]').attr('disabled','disabled')
就可以了。@johnbubit完美!!非常感谢。请将您的问题标记为已解决。@pyb我如何标记它已解决?谢谢@考尔每个答案的左边都应该有一个按钮或勾号。您只能选择一个。它是
document.getElementsByClassName()
我在表单上有更多复选框,并键入checkbox;因此,我只针对这些表。谢谢您的意见。@guest271314