如何从JQuery获取复选框的值？

Question

我有一些复选框，想要将其值添加到JQuery中。 我已经能够检索到该值，但是它使用.each jquery命令获取每个复选框的值。 我不确定如何仅获取已选中的特定复选框的值，因此可以使用append命令显示数据。

复选框：

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

提交表单供JQuery处理的按钮：

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

jQuery-不知道如何仅从选中的add_policies_checkbox中获取信息（值）：

$(".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

使用$ .fn.prop ：

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

Answer 2

使用[id^="add_policies_checkbox"]作为选择器，以循环遍历ID以add_policies_checkbox开头的所有复选框，并检查其checked属性

 $(".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 3

您非常接近，请查看以下更改：

$(".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