JS-Implementierung von Codebeispielen zur Auswahl aller und keiner-js-Tutorial-php.cn

JS-Implementierung von Codebeispielen zur Auswahl aller und keiner

Guanhui

Freigeben： 2020-07-28 18:27:26

nach vorne

2739 Leute haben es durchsucht

JS-Implementierung von Codebeispielen zur Auswahl aller und keiner

Das Beispiel in diesem Artikel teilt den spezifischen Code von js, um alle Auswahlen und keine Auswahlen zu Ihrer Referenz zu implementieren. Der spezifische Inhalt ist wie folgt

Ein paar Zeilen von sehr prägnante native js Um eine vollständige Auswahl und keine Auswahl zu erreichen, können Meister auf dieser Basis die inverse Auswahlfunktion hinzufügen.

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>全选、全不选</title>
</head>
<body>
<table border="1">
 <tr>
 <td><input type="checkbox" name="mmAll" onclick="All(this, &#39;mm[]&#39;)"></td>
 </tr>
 <tr><td><input type="checkbox" value="1" name="mm[]" class="check" id="ids1" onclick="Item(this, &#39;mmAll&#39;)"></td></tr>
 <tr><td><input type="checkbox" value="2" name="mm[]" class="check" id="ids2" onclick="Item(this, &#39;mmAll&#39;)"></td></tr>
 <tr><td><input type="checkbox" value="3" name="mm[]" class="check" id="ids3" onclick="Item(this, &#39;mmAll&#39;)"></td></tr>
 <tr><td><input type="checkbox" value="4" name="mm[]" class="check" id="ids4" onclick="Item(this, &#39;mmAll&#39;)"></td></tr>
 <tr><td><input type="checkbox" value="5" name="mm[]" class="check" id="ids5" onclick="Item(this, &#39;mmAll&#39;)"></td></tr>
 <tr><td><input type="checkbox" value="6" name="mm[]" class="check" id="ids6" onclick="Item(this, &#39;mmAll&#39;)"></td></tr>
</table>
</body>
</html>
<script type="text/javascript">
 //Check all
 function All(e, itemName)
 {
  var aa = document.getElementsByName(itemName);
  for (var i=0; i < aa.length; i++)
 
   aa[i].checked = e.checked; //得到那个总控的复选框的选中状态 
 }
 
 //Single select
 function Item(e, allName)
 {
  var all = document.getElementsByName(allName)[0];
  if(!e.checked) all.checked = false;
  else
  {
   var aa =document.getElementsByName(e.name);
   for (var i=0; i<aa.length; i++)
    if(!aa[i].checked) return;
   all.checked= true;
  }
 }
</script>

Nach dem Login kopieren

Rendering:

Empfohlenes Tutorial: „JS Tutorial“

Das obige ist der detaillierte Inhalt vonJS-Implementierung von Codebeispielen zur Auswahl aller und keiner. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!