javascript - 从没有 id 的复选框中使用 jquery 获取选定复选框的值

Question

我有许多复选框是从数据库的 JavaScript API 调用生成的。我需要能够传递复选框的值，然后由用户选择这些值并将其发送到处理页面。问题是复选框没有与之关联的 ID(或者这不是问题)它们都具有相同的名称，但没有 ID。

查找选中哪些复选框并将其值传递到下一页的最佳方法是什么？

我开始的一种方式是使用数组:

var options = ["option1","option2","option3"];

var option 1 = [0];
var option 2 = [1];
var option 3 = [2];

在处理页面，使用:

var option1 = getFromRequest('option1') || '';
var option2 = getFromRequest('option2') || '';
var option3 = getFromRequest('option3') || '';

有更好的方法吗？

我已将实现更改为以下内容:

var values = []
$("input:checkbox.subIndustry").each(function(){
            values.push(this.value);
 });

将值传递给成功页面

window.location.href = REGISTER_SUCCESS +'&values='values.join(",")

然后应该从中获取值

 var variablname = getFromRequest('values') || "";

这将返回 Undefined。有帮助吗？

Answer 1

选择它们的一种简单方法类似于 $("input[type=checkbox]:checked")

但是，如果您想在检查它们时跟上它们，即使它们是在您加载后添加的，您也可以创建一个变量，然后将委托(delegate)分配给每个输入的“更改”状态，即复选框并在每次更改时更新此变量。

就这么简单:

var checked, checkedValues = new Array();
$(function() {
    $(document).on("change", "input[type=checkbox]", function(e) {
        checked = $("input[type=checkbox]:checked");

        // if you wanted to get an array of values of the checked elements
       checkedValues = checked.map(function(i) { return $(this).val() }).get();
        // make a string of the values as simple as joining an array!
        var str = checkedValues.join();  // would return something like: value1,value2,ext...
    });
})

Working Example