取消选中 jquery 中具有相同类名的复选框不起作用

Posted 2023-03-05

【中文标题】取消选中 jquery 中具有相同类名的复选框不起作用

【英文标题】：uncheck checkbox with same classname in jquery doesn't work

【发布时间】：2019-03-10 23:37:08

【问题描述】：

我使用 jquery 设置选中/取消选中具有相同类名的复选框。我在jquery set checkbox checked 上搜索了网页。我也尝试使用 prop 和 attr 。但是它对我不起作用，但我可以禁用该复选框。有人会告诉我我错过了什么。

还有我用的jquery：

 <script language="javascript" src="jquery-2.1.4.js" type="text/javascript"></script>
<script language="javascript" src="jquery-ui-1.11.4/jquery-ui.js" type="text/javascript"></script>

页面中有复选框：

<asp:CheckBox ID="chkOne" runat="server" Text="One"  CssClass="optionsBoxes"/>
<asp:CheckBox ID="chkTwo" runat="server" Text="Two"  CssClass="optionsBoxes"/>
<asp:CheckBox ID="chkThree" runat="server" Text="Three"  CssClass="optionsBoxes"/>
<asp:CheckBox ID="chkFour" runat="server" Text="Four"  CssClass="optionsBoxes"/>

我的 jquery：

$('.optionsBoxes').attr('checked', false);    
$('.optionsBoxes').prop('checked', true);                  
$('.optionsBoxes').attr('disabled', true);  //worked

【问题讨论】：

可能不行，看这个问题：***.com/questions/1523606/…

【参考方案1】：

会

$('.optionsBoxes')

产生一个 input[type="checkbox"] 元素数组？

你可以试试这个方法：

$('.optionsBoxes').each(function()  $(this).prop('checked', false) );

【讨论】：

我试过你的代码，但还是不行。我在我的问题中添加了 jquery 版本。我使用的版本会导致问题吗？谢谢。

@eewardbrosens，我使用开发者工具检查了复选框元素。它显示 。跨度导致问题。

我使用 nextUntil 和最接近的方法来查找输入标签，但它仍然不起作用。 var chk = $(this).closest("input"); chk.prop('checked', false);

你能在你的问题中显示准确的 html 输出吗？