如何输入'onchange'事件上的几个复选框

How to input a 'onchange' event on several checkbox

本文关键字：几个 复选框 事件 何输入 onchange 输入      更新时间：2023-09-26

我有这样一个复选框:

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

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

对不起，我的英语不好!

不要使用each。

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

http://jsfiddle.net/65u2t/

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

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

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

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

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

JS FIDDLE DEMO

相关文章：