检查是否选中了具有特定 id 的复选框 JQuery答案

【问题标题】：Check if checkbox with specific id is checked JQuery检查是否选中了具有特定 id 的复选框 JQuery
【发布时间】：2015-07-02 16:49:37
【问题描述】：

请帮助我如何识别具有特定 id 的复选框是否被选中/取消选中。

<input name="A" id="test" type="checkbox" value="A" /> 
<input name="B" id="test" type="checkbox" value="B" />
<input name="C" id="test1" type="checkbox" value="C" />
<input name="C" id="test1" type="checkbox" value="D" />

如果我选中 id="test" 和 name="a" 的复选框，则该事件应该触发，否则它不应该用于除“test”之外的其他 id 的复选框

请帮忙

【问题讨论】：

那个 html 无效，id 必须是唯一的。您可以使用 data- 属性自定义数据和 css 类来识别元素组

标签： javascript jquery checkbox

【解决方案1】：

既然你标记了 JQuery you can find it helpful

AAA <input type="checkbox" id="test" />
BBB <input type="checkbox" id="test1" />
CCC <input type="checkbox" id="test2" />

和

$( "input" ).on( "click", function() {
  // for a specific one, but you can add a foreach cycle if you need more 
  if($('#test').is(":checked")){
      alert('is checked!');
  }else {
      alert('is NOT checked!');
  }
});

【讨论】：

【解决方案2】：

给定文档中的元素 ID必须是唯一的！因此，将您的 HTML 更改为如下所示的内容并查看脚本。

$(function() {
    $(":checkbox").on("change", function() {
        //When the id is test1
        //And name is A
        //And it's checked
        if (this.id === "test1" && this["name"] === "A" && this.checked) {
            alert ("Checkbox with name A and ID test1 is checked");
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="A" id="test1" type="checkbox" value="A" /> 
<input name="B" id="test2" type="checkbox" value="B" />
<input name="C" id="test3" type="checkbox" value="C" />
<input name="C" id="test4" type="checkbox" value="D" />

【讨论】：

公平地说，他可以使用像$('input[value="A"]') 这样的选择器。不，我不建议这样做，但如果 HTML 来自您无法更改的地方，您可以这样做。

【解决方案3】：

ID 必须是唯一的......否则当您使用 document.getElementById();

它将选择特定Id的第一次出现...

而是像这样实现..

<input name="A"  type="checkbox" value="A" /> 
<input name="B"  type="checkbox" value="B" />
<input name="C"  type="checkbox" value="C" />
<input name="C"  type="checkbox" value="D" />

并在单击复选框时触发事件并使用document.getElementsByName('');

【讨论】：