Question

我有一个复选框列表。复选框名称为 CHKBOXPAYANYONE 。它有四个复选框。我想取消选中前两个复选框。我使用$("input[name=CHKBOXPAYANYONE]")[0]和$("input[name=CHKBOXPAYANYONE]")[1]获取了复选框项。所以请建议如何取消选中它们。

Answer 1

使用:lt()选择前2个元素。

.prop("checked",false)将取消选中该复选框。

$("input[name=CHKBOXPAYANYONE]:lt(2)").prop("checked",false)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="CHKBOXPAYANYONE" type="checkbox" checked/>
<input name="CHKBOXPAYANYONE" type="checkbox" checked/>
<input name="CHKBOXPAYANYONE" type="checkbox" checked/>
<input name="CHKBOXPAYANYONE" type="checkbox" checked/>

Answer 2

试试这个：

$("input[name=CHKBOXPAYANYONE]").eq(0).prop("checked",false);
$("input[name=CHKBOXPAYANYONE]").eq(1).prop("checked",false);

OR

$("input[name=CHKBOXPAYANYONE]:eq(0)").prop("checked",false);
$("input[name=CHKBOXPAYANYONE]:eq(1)").prop("checked",false);

或者您也可以使用循环。有关更多信息，请阅读:eq selector。

How to uncheck the checkbox。

Answer 3

支持@CarstenLøvboAndersen回答，你也可以使用.checked html属性：

$("input[name=CHKBOXPAYANYONE]")[0].checked = false;
$("input[name=CHKBOXPAYANYONE]")[1].checked = false;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="CHKBOXPAYANYONE" type="checkbox" checked/>
<input name="CHKBOXPAYANYONE" type="checkbox" checked/>
<input name="CHKBOXPAYANYONE" type="checkbox" checked/>
<input name="CHKBOXPAYANYONE" type="checkbox" checked/>

如何取消选中一组复选框的前两个复选框？

3 个答案: