O atributo para determinar se a caixa de seleção é marcada. Se o valor do atributo de discagem for verdadeiro, a caixa de seleção será selecionada. Se o valor do atributo marcado for false, a caixa de seleção não será selecionada. Você pode configurar cada nome da caixa de seleção, ele é estabelecido com o mesmo nome e, em seguida, usar o método GetElementsbyName () para acessar todas as caixas de seleção com o mesmo nome e, finalmente, use uma instrução de loop para estabelecer uniformemente os atributos marcados Caixas, para atingir o efeito de selecionar tudo / desmarque todos os exemplos
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript"> function check(){ var oInput=document.getElementsByName("product"); for(var i=0;i<oInput.length;i++){ oInput.checked=document.getElementById("all").checked; } } </script></head><body><table border="0" cellspacing="0" class="bg"> <td> <input id = "all" type = "checkbox" value = "select all" onclick = "check ()" /> select all </td> <td> Imagen del producto </td> <td> Nombre del producto </td> <td> Precio de los productos básicos </td> <tr> <td><input name="product" type ="checkbox" value="1"/></td> <tr> <td><input name="product" type ="checkbox" value="2"/></td> <tr> <td><input name="product" type ="checkbox" value="3"/></td> <tr> <td><input name="product" type ="checkbox" value="4"/></td></table></body></html>