下拉清单单选取消选择答案

【问题标题】：Dropdown Check List Radio Unselect下拉清单单选取消选择
【发布时间】：2016-02-04 11:44:09
【问题描述】：

我在我的项目中使用了这个非常棒的插件，名为 jQuery Dropdown Check List (https://code.google.com/p/dropdown-check-list/)，特别是一个名为：“使用单选按钮而不是复选框的单选”的示例。

这个例子的一个大问题是我不能（我试图通过 jQuery 来做）设置单选按钮未选中。例如，我使用的是：

$("input:radio").attr("checked", false);

或者

$("input:radio").removeAttr("checked");

不幸的是，什么也没有。谁能给一些建议如何解决这个问题？

【问题讨论】：

标签： javascript jquery drop-down-menu html-select

【解决方案1】：

试试这个： - 检查：

$("input:checkbox").attr("checked", "checked");

or

$("input:checkbox").prop('checked', true);

-取消选中：

$("input:checkbox").removeAttr("checked");

or

$("input:checkbox").prop('checked', false);

【讨论】：

【解决方案2】：

我在演示页面 (http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html) 中尝试了两种方法，用于“使用单选按钮而不是复选框进行单选”，结果很好：选定的单选按钮已删除。但是，该值保留在跨度中，因为删除选定的无线电无法删除选定的值。

我的建议是，在取消选中单选后，还要为 span 设置一个 html 空间，它会删除选定的值并保持其容器的高度。

【讨论】：

【解决方案3】：

此插件使用复选框而不是单选输入，因此您必须使用 $('input:checkbox') 或 $('input[type="checkbox"]') 作为选择器！

点击here查看演示！

【讨论】：