Wie man den Checkboxwert prüft, ist wahr oder nicht? Ich brauche jquery für diese

Question

Es gibt drei Kontrollkästchen. Ich möchte die Antwort als wahr erhalten, wenn das entsprechende Kontrollkästchen aktiviert und falsch ist, wenn nicht aktiviert.

<div class=""> 
    <p> 
    <input type="checkbox" id="indeterminate-checkboxm1 stream_id1" /> 
    <label for="indeterminate-checkboxm1" class="black-text">B.Tech/B.E.</label> 
    </p> 
    <p> 
    <input type="checkbox" id="indeterminate-checkboxm2 stream_id2" /> 
    <label for="indeterminate-checkboxm2" class="black-text">Diploma</label> 
    </p> 
    <p> 
    <input type="checkbox" id="indeterminate-checkboxm3 stream_id3" /> 
    <label for="indeterminate-checkboxm3" class="black-text">B.Sc</label> 
    </p> 
</div> 

Answer 1

Sie benötigen ein Click-Ereignis auf Checkbox zu verknüpfen und überprüfen, ob es aktiviert ist oder nicht gefällt dieses

$('input[type="checkbox"]').click(function() { 
    alert($(this).is(':checked')); 
}); 

Hier ist der Link zu PLUNKR für Ihre Arbeit rund um

Answer 2

Here is the working fiddle for your code.

Es sollte eine eindeutige ID für jedes Kontrollkästchen geben. Also, entweder wird es indeterminate-checkboxm1 oder stream_id1 sein, aber Sie können nicht beide gleichzeitig verwenden.

So wird Ihr html sein -

<div class=""> 
     <p> 
      <input type="checkbox" id="indeterminate-checkboxm1" /> 
      <label for="indeterminate-checkboxm1" class="black-text">B.Tech/B.E.</label> 
     </p> 
     <p> 
      <input type="checkbox" id="indeterminate-checkboxm2" /> 
      <label for="indeterminate-checkboxm2" class="black-text">Diploma</label> 
     </p> 
     <p> 
      <input type="checkbox" id="indeterminate-checkboxm3" /> 
      <label for="indeterminate-checkboxm3" class="black-text">B.Sc</label> 
     </p> 
    </div> 

Und der allgemeine JQuery-Code wird so sein -

$('input[type="checkbox"]').click(function() { 
    var id = $(this).prop('id'); 
    $(this).is(':checked') ? alert('checked ' + id) : alert('unchecked ' + id); 
}); 

Answer 3

$(function(){ 
 
$('input[type=checkbox]').each(function(){ 
 
if($(this).prop('checked')){ 
 
console.log('true'); 
 
} 
 
else{ 
 
console.log('false'); 
 
} 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class=""> 
 
        <p> 
 
         <input type="checkbox" id="indeterminate-checkboxm1 stream_id1"/> 
 
         <label for="indeterminate-checkboxm1" class="black-text">B.Tech/B.E.</label> 
 
        </p> 
 
        <p> 
 
         <input type="checkbox" id="indeterminate-checkboxm2 stream_id2"/> 
 
<label for="indeterminate-checkboxm2" 
 
    class="black-text">Diploma</label> 
 
        </p> 
 
        <p> 
 
    <input type="checkbox" id="indeterminate-checkboxm3 stream_id3"/> 
 
         <label for="indeterminate-checkboxm3" 
 
           class="black-text">B.Sc</label> 
 
        </p> 
 
        </div>