Wie bekomme ich den Wert eines Kontrollkästchens von JQuery?

Question

Ich habe einige Checkboxen und möchte ihren Wert in JQuery hinzufügen. Ich war in der Lage, den Wert abzurufen, aber es erhält jeden Checkbox-Wert mit dem Befehl .each jquery. Ich war mir nicht sicher, wie man nur den Wert dieses spezifischen Ankreuzfeldes erhält, das überprüft wird, also kann ich den append-Befehl verwenden, um die Daten anzuzeigen.

Die Checkbox:

<input id="add_policies_checkbox<?php echo $row[toolID]; ?>" type="checkbox" value=<?php echo $row[toolID]; ?> /> 

Der Knopf, der das Formular für JQuery geltend zu handhaben:

<input type="button" name="action" class="btn btn-success checkboxadd" value="Add Policy" /> 

JQuery

- Nicht sicher, wie man nur die Informationen (Wert) von der add_policies_checkbox, die ist geprüft:

$(".checkboxadd").click(function(){ 
        $('[id*="add_policies_checkbox"]').each(function(){ 
         //alert(this.value); 
         var data=this.value; 
         $("#div_to_add_this_checkbox_value").append("Info added"+data); 
        }); 
});//end ajaxifypolicies 

Answer 1

Verwendung [id^="add_policies_checkbox"] als Selektor Schleife über alle Kontrollkästchen mit der ID mit add_policies_checkbox starten und überprüfen ihre checked Eigenschaft

$(".checkboxadd").click(function(){ 
 
        $('[id^="add_policies_checkbox"]').each(function(i, v){ 
 
         //alert(this.value); 
 
         if($(v).prop('checked')){ 
 
         var data=$(v).val(); 
 
         $("#div_to_add_this_checkbox_value").append("Info added"+data);} 
 
        }); 
 
});//end ajaxifypolicies

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" value="something1" id="add_policies_checkbox1"/> 
 
<input type="checkbox" value="something2" id="add_policies_checkbox2"/> 
 
<input type="checkbox" value="something3" id="add_policies_checkbox3"/> 
 
<button class="checkboxadd">Submit</button> 
 
<div id="div_to_add_this_checkbox_value"></div>

Answer 2

Verwenden $ .fn.prop:

$(':checkbox').prop('checked'); 
// return true or false 

Answer 3

Sie sind ganz in der Nähe finden Sie in den nachstehenden Änderungen :

$(".checkboxadd").click(function(){ 
       $('#add_policies_checkbox:checked').each(function(){ 
        //alert(this.value); 
        var data = $(this).value 
        $("#div_to_add_this_checkbox_value").append("Info added"+data); 
       }); 
});//end ajaxifypolicies