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

Question

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

复选框：

<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

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

How to get the Value of a checkbox from JQuery?

javascript

checkbox

jquery