如何取消选中选中的单选按钮
这个问题在这里已经有了答案:
这个简单的脚本允许您取消选中已经选中的单选按钮。 适用于所有启用JavaScript的浏览器。
<html>
<!-- html from your link: [http://jsfiddle.net/wuAWn/][1] -->
<body>
<input type='radio' class='radio-button' name='re'>
<input type='radio' class='radio-button' name='re'>
<input type='radio' class='radio-button' name='re'>
</body>
<script type="text/javascript">
var allRadios = document.getElementsByName('re');
var booRadio;
var x = 0;
for(x = 0; x < allRadios.length; x++){
allRadios[x].onclick = function() {
if(booRadio == this){
this.checked = false;
booRadio = null;
}else{
booRadio = this;
}
};
}
</script>
</html>
http://jsfiddle.net/6Mkde/
单选按钮是必需的选项...如果您希望它们未被选中,请使用复选框,不需要使事情复杂化并允许用户取消单选按钮; 删除JQuery允许您从其中选择一个
您可以考虑为每个标有“无”或类似的组添加一个额外的单选按钮。 这可以创造一致的用户体验而不会使开发过程复杂化。
链接地址: http://www.djcxy.com/p/12253.html