Question

我有多个复选框：

<form>
  <div>
    <input type="checkbox" value="1100" class="myClass">
  </div>
</form> 
<form>
  <div>
    <input type="checkbox" value="0011" class="myClass">
  </div>
</form> 
<form>
  <div>
    <input type="checkbox" value="1010" class="myClass">
  </div>
</form>

在像这样的数组中获取它们的值之后：

var arr = $('.myClass').map(function() {
  return $(this).val();
}).get();
// output: arr(3) [ "1100", "0011", "1010" ]

如何设置已选中输入值1的复选框？这是我尝试过的方法，但它对所有复选框都应用了第一个值：

$(':checkbox').prop('checked', function(index) {
  for (i = 0; i < arr.length; i++) {
    var set = arr[i].split('')
    return +set[index] === 1;
  }
});

谢谢。

Answer 1

我不确定该数组与获取复选框的值有什么关系，但是如果您向表单中添加一个id（例如id =“ myForm”），则可以轻松使用：

<form id="myForm">

<script>
var getVals = $("#myForm input:checkbox:checked").map(function () {
        return $(this).val();
    }).get();
</script>

getVals将获取该表单中任何选中的复选框的值。

设置复选框取决于输入值

1 个答案: