我在我的项目中使用了这个非常好的插件,名为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"]')作为选择器!
单击此处查看演示!