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

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

3 个答案: