用jQuery获取复选框列表的值

6 浏览
0 Comments

用jQuery获取复选框列表的值

在一个div里，我有一些复选框。我想要当我点击一个按钮时得到目前所有被选中的复选框的名字。你能告诉我如何做吗？

....<%= Html.CheckBox("need_" + item.Id.ToString())%>

...

谢谢，

admin 更改状态以发布 2023年5月20日
0

2 答案

0 Comments

由于没有人提到这个..

如果你只想要一个数值数组, 更简单的方法是使用 .map() 方法。只需记得调用 .get() 将 jQuery 对象转换为数组：

这里有一个示例

var names = $('.parent input:checked').map(function () {
    return this.name;
}).get();
console.log(names);


var names = $('.parent input:checked').map(function () {
    return this.name;
}).get();
console.log(names);

纯 JavaScript：

这里有一个示例

var elements = document.querySelectorAll('.parent input:checked');
var names = Array.prototype.map.call(elements, function(el, i) {
    return el.name;
});
console.log(names);


var elements = document.querySelectorAll('.parent input:checked');
var names = Array.prototype.map.call(elements, function(el, i){
    return el.name;
});
console.log(names);

0
0 Comments 
$(document).ready(function() {
    $('#someButton').click(function() {
        var names = [];
        $('#MyDiv input:checked').each(function() {
            names.push(this.name);
        });
        // now names contains all of the names of checked checkboxes
        // do something with it
    });
});

翻译成中文就是：一个包含粗体文本“123”的段落。

0