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

Question

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

以下是我的脚本，根据原始问题进行编辑

jQuery(document).on("click", ".refno", function () {
   var refindex = jQuery(this).data("refindex");
   //alert(refindex);
   jQuery('.datarefindex_'+ refindex ).each(function(){
        alert(refindex);//do your stuff here
   });
});

每个refindex下都有数量可变的复选框列表。所以我认为需要一个 each 函数。以下是我试图捕获的数据示例。这些数据将通过 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;

但是当我尝试上述操作时，所有具有 data-mainrefindex=refindex 的复选框都被选中(每个列表 20 个复选框)。但我只想得到上面提到的 3 个变量。

感谢任何支持。我希望我的问题说清楚了。

Answer 1

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

尝试在代码中查看事件项目是否有一个类来区分它与非事件项目，也许您可​​以使用类来选择所有项目，如果没有事件类，您可以在 onClick 处理程序中设置它:

jQuery(this).addClass('.activeClass');

以及使用此选择器的循环槽项目:

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