下拉列表单选取消选择

Dropdown Check List Radio Unselect

本文关键字:取消 选择 选取 表单 列表      更新时间:2024-04-08

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

这个例子的一个大问题是,我无法(我试图通过jQuery)取消选中单选按钮。例如,我使用

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

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

不幸的是什么都没有。有人能给我一些建议吗?

试试这个:-检查:

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

-取消选中:

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

我在演示页面中尝试了这两种方法(http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html)对于"使用单选按钮而不是复选框进行单选",结果很好:选中的单选按钮已删除。但是,该值将保留在范围内,因为删除选定的单选按钮无法删除选定的值。

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

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

单击此处查看演示!