如何在多个复选框上输入'onchange'事件

Question

我有这样一个复选框:

<input type="checkbox" name="foo[]" value="111111">
<input type="checkbox" name="foo[]" value="222222">
<input type="checkbox" name="foo[]" value="333333">

我正试图从选中的复选框

中获取值

    $("input:checkbox[name^='foo']").each(function(){
        var val = $(this).val();
        alert(val);
    });

但是事件没有被调用…我做错了什么吗?

对不起，我的英语不好!

Answer 1

不要使用each。

为您的事件使用.on('change')。this.value比$(this).val()更容易。

http://jsfiddle.net/65u2t/

$("input:checkbox[name^='foo']").on('change', function () {
    var val = this.value;
    alert(val);
});

Answer 2

使用is(":checked")检查复选框是否被选中

$("input:checkbox[name^='foo']").click(function () {
    $("input:checkbox[name^='foo']").each(function () {
        if ($(this).is(":checked")) {
            alert($(this).val());
        }
    });
});

Answer 3

我们中的许多人都准备好了DOM:

$(function() {
    $(":checkbox[name^='foo']").on('change', function () {
        alert(this.value + ' --- ' + this.checked);
    });
});

JS FIDDLE DEMO