jQuery选中并取消选中一个复选框

时间:2018-06-17 07:00:30

标签: jquery

我的文档中有一个复选框列表。

如果我这样做

$(".myCheckbox input[type='checkbox']")

我看到了

    jQuery.fn.init(6) [input#myCheckbox1_0, input#myCheckbox2_0, input#myCheckbox2_1, input#myCheckbox2_2, input#myCheckbox2_3, input#myCheckbox2_4, prevObject: n.fn.init(1), context: document, selector: ".myCheckbox input[type='checkbox']"]
0
:
input#myCheckbox1_0
1
:
input#myCheckbox2_0
2
:
input#myCheckbox2_1
3
:
input#myCheckbox2_2
4
:
input#myCheckbox2_3
5
:
input#myCheckbox2_4
context
:
document
length
:
6
prevObject
:
n.fn.init [document, context: document]
selector
:
".myCheckbox input[type='checkbox']"

我希望获得对input#myCheckbox2_2的引用,并使用jQuery取消选中它。

我试过

$("input#myCheckbox2_2 input[type='checkbox']").prop("checked",false);

$(".myCheckbox input[type='checkbox']")[2].prop("checked",false);

它不起作用。我做错了什么?

3 个答案:

答案 0 :(得分:1)

使用.eq()https://api.jquery.com/eq/

将内部设置为3,因为{3}中的input#myCheckbox2_2

它不起作用的原因:$(".myCheckbox input[type='checkbox']")[2].prop("checked",false);



$(".myCheckbox input[type='checkbox']").eq(3).prop("checked",false)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="myCheckbox">
  <input id="checkBox" type="checkbox" checked="true">
  <input id="checkBox" type="checkbox" checked="true">
  <input id="checkBox" type="checkbox" checked="true">
  <input id="checkBox" type="checkbox" checked="true">
  <input id="checkBox" type="checkbox" checked="true">
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

请试试这个。

$(".myCheckbox input#myCheckbox2_2[type='checkbox']").prop("checked", false);

最好只使用id,因为id必须是唯一的。

$("#myCheckbox2_2").prop("checked", false);

我认为你的问题存在问题:

  1. $(“。myCheckbox input [type ='checkbox']”)[2] .prop(“checked”,false);
  2. $(“输入#myCheckbox2_2输入[type ='复选框']”)。prop(“checked”,false);
  3. 在这里您要找到:

    1. 3个元素而不是4.您需要将[2]替换为[3]
    2. 输入内部输入。但是你没有任何嵌套输入。

答案 2 :(得分:0)

您的选择器名称不正确。无需空间和额外价值。这应该有用。

$('input#myCheckbox2_2').prop('checked', false);