Wenn alle Kontrollkästchen aktivieren andere Kontrollkästchen deaktiviert und deaktiviert sein

Ich habe eine Gruppe von Kontrollkästchen, die ein Haus Leerzeichen angibt, ist das letzte Kontrollkästchen für das Haus alle Raum. Ich möchte andere Kontrollkästchen deaktivieren und deaktivieren, wenn ich das Kontrollkästchen "All Space" ankreuze. Was ist sein JavaScript-Code?Wenn alle Kontrollkästchen aktivieren andere Kontrollkästchen deaktiviert und deaktiviert sein

<html> 
<label class="input-group-addon"> 
          <input type="checkbox" value="1" id="rndr-lobby" 
name="rndr-int-options" /> 
          Lobby </label> 
         <label class="input-group-addon"> 
          <input type="checkbox" value="1.4" id="rndr-room" 
name="rndr-int-options" /> 
         Room </label> 
         <label class="input-group-addon"> 
          <input type="checkbox" value="1.5" id="rndr-living" name="rndr-int-options" /> 
          Living </label> 
         <label class="input-group-addon"> 
          <input type="checkbox" value="1.6" id="rndr-wc" name="rndr-int-options" /> 
         WC </label> 
         <label class="input-group-addon"> 
          <input type="checkbox" value="1.3" id="rndr-kitchen" name="rndr-int-options" /> 
          Kitchen </label> 
         <label class="input-group-addon"> 
          <input type="checkbox" value="1.3" id="rndr-office" name="rndr-int-options" /> 
          Office </label> 
         <label class="input-group-addon"> 
          <input type="checkbox" value="1.3" id="rndr-saloon" name="rndr-int-options" /> 
          Saloon </label> 
         <label class="input-group-addon"> 
          <input type="checkbox" value="1.3" id="rndr-all" name="rndr-int-options" onchange="AllCk();"/> 
         All sapce</label> 
</html> 
    <script>

document.getElementById ('RNDr-all') Onchange = function() {AllCk();}.

var AllCk = function() { 
    var RndrLob = document.getElementById("rndr-lobby"), 
     RndrRoo = document.getElementById("rndr-room"), 
     RndrLiv = document.getElementById("rndr-living"), 
     RndrWc = document.getElementById("rndr-wc"), 
     RndrKit = document.getElementById("rndr-kitchen"), 
     RndrOff = document.getElementById("rndr-office"), 
     RndrSal = document.getElementById("rndr-saloon"), 
     RndrAll = document.getElementById('rnder-all').checked; 

    if (RndrAll === true) { 

     RndrLob.disabled = true; RndrLob.checked = false; 
     RndrRoo.disabled = true; RndrRoo.checked = false; 
     RndrLiv.disabled = true; RndrLiv.checked = false; 
     RndrWc.disabled = true; RndrWc.checked = false; 
     RndrKit.disabled = true; RndrKit.checked = false; 
     RndrOff.disabled = true; RndrOff.checked = false; 
     RndrSal.disabled = true; RndrSal.checked = false; 
     RndrAll.disabled = true; RndrAll.checked = false; 

    } 


}; 
    </script>

Quelle

2017-07-22 Farbod.T

wo ist das, was Sie versucht haben? –

function AllCk() { 
     if (document.querySelector('#rndr-all').checked) { 
     var inputs = document.getElementsByTagName("input"); 
      for (var i = 0; i < inputs.length; i++) { 
      if (inputs[i].type == "checkbox") { 
      if (inputs[i].id != "rndr-all") { 
       inputs[i].checked = false; 
       inputs[i].disabled = true; 
      } 
     } 
    } 
    } else { 
    var inputs = document.getElementsByTagName("input"); 
    for (var i = 0; i < inputs.length; i++) { 
     if (inputs[i].type == "checkbox") { 

      if (inputs[i].id != "rndr-all") { 
       inputs[i].disabled = false; 
      } 
     } 
    } 
    } 

}

// von JQuery, Legen Sie es in Ihrem AllCk() Funktion

$("input[id='rndr-all']").is(":checked") ? 
         $("input[name='rndr-int-options']").not("#rndr-all").prop('checked', false).prop('disabled', true) : 
         $("input[name='rndr-int-options']").not("#rndr-all").prop('disabled', false);

Hoffe, dass es Ihnen hilft!

Quelle

2017-07-22 13:46:59 Saurabh

es funktioniert. Darf ich Sie bitten, mir dieselbe jquery-Version dieses Codes zu zeigen? –

Unter der Annahme, dass Alle sapce Checkbox die letzte Option in der Reihe ist, sollten Sie Ihre AllCk() Funktion wie folgt sein:

function AllCk(){ 
    var spaces = document.getElementsByName("rndr-int-options"); 
    for (var i = 0; i < spaces.length - 1; i++) { 
     if(spaces[i].checked) 
      spaces[i].checked = false; 
    } 
}

Quelle

2017-07-22 13:47:04

Wenn alle Kontrollkästchen aktivieren andere Kontrollkästchen deaktiviert und deaktiviert sein

Antwort

Verwandte Themen