Esempio di codice per la funzione di selezione completa di checkbox con JavaScript

Richiesta: richiede di selezionare tutti i menu facendo clic su Seleziona tutto e deselezionare facendo clic di nuovo su Seleziona tutto. Questa funzione è spesso utilizzata dagli utenti, ecco cosa vi condivido l'autore: il codice di implementazione, vediamo insieme!

Ecco l'effetto visivo:

Prima di fare clic su Seleziona tutto:

Dopo aver fatto clic su Seleziona tutto:

Dopo aver fatto clic su Seleziona tutto di nuovo:

Il codice è il seguente:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Titolo</title> 
</head> 
<body> 
<input type="checkbox" onclick="quanxuan()">Seleziona tutto 
<input type="checkbox" name="nation">Cantare 
<input type="checkbox" name="nation">Danza 
<input type="checkbox" name="nation">Calligrafia 
</body> 
<script type="text/javascript"> 
var k=0; 
function quanxuan(){ 
var s=document.getElementsByName("nation"); 
if(k%2==0) 
{ 
for(var i=0;i< s.length;i++) 
{ 
s[i].checked=true; 
} 
k++; 
} 
else { 
for(var j=0;j< s.length;j++) 
{ 
s[j].checked=false; 
} 
k++; 
} 
} 
</script> 
</html>

Come menzionato sopra, l'esempio di codice di implementazione della funzione di selezione completa checkbox basata su JS che ho introdotto agli utenti. Spero che sia utile per tutti. Se avete qualsiasi domanda, lasciate un messaggio, risponderò tempestivamente. In questo senso, ringrazio anche tutti i sostenitori del sito Manuale di urla!

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il copyright spetta ai rispettivi proprietari, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non detiene i diritti di proprietà, non è stato editato manualmente e non assume alcuna responsabilità legale. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una e-mail a: notice#oldtoolbag.com (al momento dell'invio dell'e-mail, sostituisci # con @) per segnalare, fornendo prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente i contenuti sospetti di violazione del copyright.

Manuale di base