L’attributo per determinare se la casella di controllo è selezionata è contrassegnata. Se il valore dell’attributo Dial è true, è selezionata la casella di controllo. Se il valore dell’attributo contrassegnato è falso, la casella di controllo non è selezionata. È possibile configurare ciascun nome della casella di controllo, viene stabilito con lo stesso nome, quindi utilizzare il metodo GetElementsByName () per accedere a tutte le caselle di controllo con lo stesso nome e utilizzare infine un’istruzione loop per stabilire uniformemente gli attributi contrassegnati scatole, per raggiungere l’effetto di selezionare tutto / deselezionare tutti
esempi:
<!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>