Question

请帮助我确定是否选中/取消选中具有特定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的复选框的其余部分

请帮忙

Answer 1

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

＆＃13;

$(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");
        }
    });
});

＆＃13;

<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" />

＆＃13;

Answer 2

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" />

并点击oncheck框触发事件并使用document.getElementsByName('');

Answer 3

因为您标记了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!');
  }
});

检查是否选中了具有特定ID的复选框JQuery

3 个答案: