Javascript 根据数据属性获取每个复选框集的值

Javascript 根据数据属性获取每个复选框集的值,javascript,jquery,each,Javascript,Jquery,Each,我试图使用jQuery根据数据属性获取单独的检查值列表 以下是我的脚本,根据原始问题编辑而成 每个refindex下都有数量可变的复选框列表。因此,在我看来,每个函数都是必需的。下面是我试图捕获的数据示例。这些数据将通过ajax请求发送,以便与其他数据一起进行处理 假设此场景中有3组复选框 var list1 = array/list of checked items from list 1; var list2 = array/list of checked items from list

我试图使用jQuery根据数据属性获取单独的检查值列表

以下是我的脚本,根据原始问题编辑而成

每个
refindex
下都有数量可变的复选框列表。因此,在我看来,每个函数都是必需的。下面是我试图捕获的数据示例。这些数据将通过ajax请求发送,以便与其他数据一起进行处理

假设此场景中有3组复选框

var list1 = array/list of checked items from list 1;
var list2 = array/list of checked items from list 2;
var list3 = array/list of checked items from list 3;
但当我尝试上述方法时,所有复选框都被选中(每个列表有20个复选框),其中包含
data mainrefindex=refindex
。但是我只想得到上面提到的3个变量


感谢您的支持。我希望我把问题说清楚

我无法从屏幕截图中看出复选框的情况,但您可以检查
jQuery(“input[name=list1]:checked”)
是否选中了所有复选框,以及您的复选框是否真的全部选中(如果问题是选择器或复选框状态)

尝试在代码中查看活动项是否有一个类来区分它与非活动项,可能您可以使用一个类来选择所有项,如果没有活动类,则可以在onClick处理程序中设置它:

jQuery(this).addClass('.activeClass');
以及使用此选择器的循环槽项目:

`jQuery("input[name=list1].activeClass")`

我无法从屏幕截图中看出复选框的情况,但您可以检查
jQuery(“input[name=list1]:checked”)
是否选中所有复选框,以及您的复选框是否真的全部选中(如果问题是选择器或复选框状态)

尝试在代码中查看活动项是否有一个类来区分它与非活动项,可能您可以使用一个类来选择所有项,如果没有活动类,则可以在onClick处理程序中设置它:

jQuery(this).addClass('.activeClass');
以及使用此选择器的循环槽项目:

`jQuery("input[name=list1].activeClass")`

您可以创建一个包含数组的对象,并将其传递到Ajax中。见下文。我所做的只是向数组中添加项。取消选中时,如果要从数组中删除该项,请通知我

<div data-refindex='1'>
<input type="checkbox" value='1'/> 1
<input type="checkbox" value='2'/> 2
<input type="checkbox" value='3'/> 3
<input type="checkbox" value='4'/> 4
<input type="checkbox" value='5'/> 5
</div>
<div data-refindex='2'>
<input type="checkbox" value='6'/> 6
<input type="checkbox" value='7'/> 7
<input type="checkbox" value='8'/> 8
<input type="checkbox" value='9'/> 9
<input type="checkbox" value='10'/> 10
</div>

您可以创建一个包含数组的对象,并将其传递到Ajax中。见下文。我所做的只是向数组中添加项。取消选中时,如果要从数组中删除该项,请通知我

<div data-refindex='1'>
<input type="checkbox" value='1'/> 1
<input type="checkbox" value='2'/> 2
<input type="checkbox" value='3'/> 3
<input type="checkbox" value='4'/> 4
<input type="checkbox" value='5'/> 5
</div>
<div data-refindex='2'>
<input type="checkbox" value='6'/> 6
<input type="checkbox" value='7'/> 7
<input type="checkbox" value='8'/> 8
<input type="checkbox" value='9'/> 9
<input type="checkbox" value='10'/> 10
</div>