javascript - 多复选框javascript检查状态检测

Question

基本上我的页面上有一堆复选框:

<input type="checkbox" id="check" name="1">
<input type="checkbox" id="check" name="2">
<input type="checkbox" id="check" name="3">

现在我需要一个 javascript 代码来检测一个复选框是否被选中，然后根据名称做一些事情，我有这个:

$('#check').click(function()...

但是这只能处理一个复选框，如果我有多个以上的复选框则不起作用。我可能会有很多，所以我不想一一检查，非常感谢任何帮助，谢谢你们!

Answer 1

您将点击与 id 绑定(bind)，所有三个控件都具有相同的 id。您需要为 html 控件提供唯一的 id，您最好分配一个公共(public)类来对它们进行分组。我更改了复选框的 ID 以使其独一无二。

<input type="checkbox" id="check1" name="1" class="someclass">
<input type="checkbox" id="check2" name="2" class="someclass">
<input type="checkbox" id="check3" name="3" class="someclass">


$('.someclass').click(function()...

检查选中的复选框

Live Demo

$('#btn').click(function() {
    $('.someclass').each(function() {
       alert("checkbox id =" + this.id + " checked status " + this.checked);
    });
});​

在更改其他复选框时选中一组复选框

Live Demo

<input type="checkbox" id="check1" name="1" class="someclass">
<input type="checkbox" id="check2" name="2" class="someclass">
<input type="checkbox" id="check3" name="3" class="someclass">
<label> <input id="chkall" type="checkbox" text=""aa /> check all </label>
​

$('#chkall').click(function() {
    $('.someclass').attr('checked', this.checked);
});​