Wie alle Checkboxen nach jeder Sub-Eingabe mit jquery

-1

zu überprüfen Ich schwitzte den ganzen Tag über dieses Problem, und ich habe nichts online gefunden, um meine Bedürfnisse zu erfüllen.Wie alle Checkboxen nach jeder Sub-Eingabe mit jquery

ich ein HTML-Formular mit Checkboxen haben wie folgt:

<input type="checkbox" name="classes[]" value="1" />JSS1 <br> 
    <input type="checkbox" name="subclasses[]" value="2" />Art <br> 
    <input type="checkbox" name="subclasses[]" value="1" />Science <br> 
    <input type="checkbox" name="classes[]" value="2" />JSS2 <br> 
    <input type="checkbox" name="subclasses[]" value="1" />A <br> 
    <input type="checkbox" name="subclasses[]" value="2" />B <br>

Nun möchte ich, wenn ich eine Klasse überprüfen (lassen Sie uns JSS1 sagen), um alle Unterklassen unter JSS1 (Art, Science) werden überprüft und so weiter ..

Wie kann ich das mit jQuery tun?

Quelle

2016-11-11 Okafor T Kosiso

Bitte alle Eingaben in einer Schleife sind. Danke –

Dies ist kein Code-Schreibdienst. Was hast du bisher versucht? Sende deinen Code! Was ist passiert, als du es ausgeführt hast? Was haben Sie stattdessen erwartet? Mit was genau hast du Probleme? https://stackoverflow.com/help/mcve – Robert

Siehe fiddle. Verwenden Sie diese Option:

JS:

$(document).ready(function() { 
     $("input[name^='classes']").click(function() { 
      if ($(this).is(':checked')) { 
       $(this).siblings("input[name^='subclasses']").prop("checked", true); 
      } 
      else { 
       $(this).siblings("input[name^='subclasses']").prop("checked", false); 
      } 
     }); 

    });

HTML:

<div> 
    <input type="checkbox" name="classes[]" value="1" />JSS1 <br> 
    <input type="checkbox" name="subclasses[]" value="2" />Art <br> 
    <input type="checkbox" name="subclasses[]" value="1" />Science <br> 
</div> 
<div> 
    <input type="checkbox" name="classes[]" value="2" />JSS2 <br> 
    <input type="checkbox" name="subclasses[]" value="1" />A <br> 
    <input type="checkbox" name="subclasses[]" value="2" />B <br> 
</div>

Quelle

2016-11-11 16:59:51 RonyLoud

Yaaaaaah! Arbeitete wie Charme. Vielen Dank @vispan. –

Aber wie deaktiviere ich die übergeordnete Klasse, wenn eine der Unterklassen deaktiviert ist? –

Ich habe es gelöst mit: $ (this) .siblings ("input [name^= 'classes']"). Prop ("checked", false); –

Wie alle Checkboxen nach jeder Sub-Eingabe mit jquery

Antwort

Verwandte Themen