Question

我试图在onclick事件中获取我的ajax表单中所选复选框的值。问题是没有任何工作，我不能得到这个价值

<td>
<input type="checkbox" value="30" name="checkbox15" id="checkbox2" class="css-checkbox"><label for="checkbox2" class="css-label radGroup label_border css-checkbox_cl clr"> test</label>
<input type="checkbox" value="23" name="checkbox15" id="checkbox3" class="css-checkbox"><label for="checkbox3" class="css-label radGroup label_border css-checkbox_cl clr"> test2</label>
<input type="checkbox" value="15" name="checkbox15" id="checkbox4" class="css-checkbox"><label for="checkbox4" class="css-label radGroup label_border css-checkbox_cl clr"> test3</label>
</td>

我试图通过此代码获取值

  $(".css-checkbox").click(function(event){
            event.preventDefault();
            var searchIDs = $("input:checkbox").map(function(){
              //  return $(this).val();
            }).get(); // <----
            console.log(searchIDs);
        });

它返回空数组。有人能帮帮我吗？

链接到JSFIDDLE

Answer 1

  $(".css-checkbox").click(function (event) {
      var searchIDs = $("input:checkbox:checked").map(function () {
          return $(this).val();
      }).get(); 
      alert(searchIDs);
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<input type="checkbox" value="30" name="checkbox15" id="checkbox2" class="css-checkbox">
    <label for="checkbox2" class="css-label radGroup label_border css-checkbox_cl clr">test</label>
    <input type="checkbox" value="23" name="checkbox15" id="checkbox3" class="css-checkbox">
    <label for="checkbox3" class="css-label radGroup label_border css-checkbox_cl clr">test2</label>
    <input type="checkbox" value="15" name="checkbox15" id="checkbox4" class="css-checkbox">
    <label for="checkbox4" class="css-label radGroup label_border css-checkbox_cl clr">test3</label>

尝试使用:checked选择器，

  $(".css-checkbox").click(function (event) {
      event.preventDefault();
      var searchIDs = $("input:checkbox:checked").map(function () {
          return $(this).val();
      }).get(); // <----
      console.log(searchIDs);
  });

DEMO

Answer 2

$(".css-checkbox").click(function(event){
    alert($(this).val());
});

这是fiddle

Answer 3

尝试：

 $('.css-checkbox').click(function(){
      var value = $(this).val();
      console.log(value);
    });

Answer 4

试试这个：

  $(".css-checkbox").change(function(event){
      var searchIDs = $("input:checkbox:checked").map(function(){
                    return $(this).val();
                }).get(); 
                console.log(searchIDs);
            });

如何通过jquery获取复选复选框的值

4 个答案:

DEMO