使用Javascript來禁用變量行表格中的複選框

Question

我有一個表格，它可以包含變量＃行。我怎樣才能一次禁用所有複選框？

<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> 

Answer 1

下面是禁用myTable的所有複選框一個JavaScript的唯一解決方案。

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

Answer 2

甲jQuery的解決辦法是：

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

或者：

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

Answer 3

嘗試利用for循環來遍歷由document.querySelectorAll(selectors)返回NodeList，設置for語句內的每個[type=checkbox]元件disabled

var inputs = document.querySelectorAll("[type=checkbox]"); 
 
for (var i = 0; i < inputs.length; i++) { 
 
    inputs[i].disabled = true; 
 
}

<table border="1" class="myTable grid"> 
 
    <tbody> 
 
    <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"> 
 
    </tbody> 
 
</table>