L’atribut per determinar si la casella de verificació està seleccionada està marcat. Si el valor de l’atribut marcat és veritable , la casella de verificació està seleccionada . Si el valor de l’atribut marcat és fals , la casella de verificació no està seleccionada . Podeu configurar cada El nom de la casella de verificació s’estableix amb el mateix nom , i acciona el mètode getElementsByName ( ) per accedir a totes les caselles de verificació amb el mateix nom, i finalment utilitzeu una instrucció de bucle per establir uniformement els atributs marcats de totes les caselles de verificació, per aconseguir l’efecte de seleccionar tot / deseleccionar tot
Exemples :
<!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>