选中具有特定id的复选框是否选中JQuery

Check if checkbox with specific id is checked JQuery

本文关键字：复选框 JQuery 是否 id      更新时间：2023-09-26

请帮助我确定是否选中了具有特定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的复选框

请帮助

由于标记JQuery，您可以发现它对很有帮助

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

给定文档中的元素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" />

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('');

相关文章：