如何通过复选框获取所有提供的值

时间:2017-09-12 09:23:05

标签: javascript jquery html

如何从提供的chekbox中获取所有价值?

这是代码:

$(document).on('pjax:complete', function(data){

  var checkbox = $("input[type='checkbox'][name='selection[]']");

  for (var i = 0; i < checkbox.length; i++) {
      console.log(checkbox[i]); // get html string
      console.log(checkbox[i].val()); // checkbox[i].val is not a function
  }

});

请告知。

2 个答案:

答案 0 :(得分:2)

您想要所有chekbox值吗?试试这个:

$("input[type='checkbox']").serialize()

答案 1 :(得分:1)

使用checkbox[i].value可以获取复选框的值

$(document).ready(function(data) {
  var checkbox = $("input[type='checkbox'][name='selection[]']");
  for (var i = 0; i < checkbox.length; i++) {
    console.log(checkbox[i].value); // checkbox[i].val is not a function
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" name="selection[]" value="1" />
<input type="checkbox" name="selection[]" value="2" />
<input type="checkbox" name="selection[]" value="3" />
<input type="checkbox" name="selection[]" value="4" />