Question

我正在尝试获取一系列复选框。到目前为止，我使用了以下代码：

var data ={
td1_1_checkbox:  $("#table #tr1 #td1_1 #td1_1_checkbox").val(),
td1_2_checkbox:  $("#table #tr1 #td1_2 #td1_2_checkbox").val(),
td1_3_checkbox:  $("#table #tr1 #td1_3 #td1_3_checkbox").val(),
td1_4_checkbox:  $("#table #tr1 #td1_4 #td1_4_checkbox").val()
}

这段代码只给我“ on”值。我尝试使用.checked（），但没有得到结果。

Answer 1

您必须使用.is(':checked')来获取复选框的选中/未选中状态。另外，由于每个复选框都有唯一的id，因此您可以简单地将id选择器用作$("#td1_1_checkbox")，$("#td1_2_checkbox")等。

var data ={
  td1_1_checkbox:  $("#td1_1_checkbox").is(':checked'),
  td1_2_checkbox:  $("#td1_2_checkbox").is(':checked'),
  td1_3_checkbox:  $("#td1_3_checkbox").is(':checked'),
  td1_4_checkbox:  $("#td1_4_checkbox").is(':checked')
}
console.log(data);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='td1_1_checkbox' type='checkbox' checked='checked' />1
<input id='td1_2_checkbox' type='checkbox' checked='checked' />2
<input id='td1_3_checkbox' type='checkbox' checked='checked' />3
<input id='td1_4_checkbox' type='checkbox' checked='checked' />4

使用jQuery创建选中的复选框数组

1 个答案: