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