用jQuery获取复选框列表值

在一个div中,我有一些复选框。 当我按下按钮时,我想要检查所有复选框的所有名称。 你能告诉我怎么做?

<div id="MyDiv">
....
<td><%= Html.CheckBox("need_" + item.Id.ToString())%></td>
...
</div>

谢谢,


$(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
    });
});

由于没有人提到过这个..

如果你想要的只是一个值的数组,更简单的选择是使用.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);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent">
    <input type="checkbox" name="name1" />
    <input type="checkbox" name="name2" />
    <input type="checkbox" name="name3" checked="checked" />
    <input type="checkbox" name="name4" checked="checked" />
    <input type="checkbox" name="name5" />
</div>

没有测试,但应该工作:

$("#MyDiv td input:checked").each(function()
{
    alert($(this).attr("id"));
});
链接地址: http://www.djcxy.com/p/56089.html

上一篇: Get checkbox list values with jQuery

下一篇: divs with scrollbars in div with fixed size