需求:
单选框可重复点击选中和取消;
背景:
单选框只可以选中,取消需要点击其他单选框。
解决方案:
<!DOCTYPE HTML>
<html>
<head>
<title>单选按钮取消选中</title>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
$(function(){
$('input:radio').click(function(){
var domName = $(this).attr('name');
var $radio = $(this);
// if this was previously checked
if ($radio.data('waschecked') == true){
$radio.prop('checked', false);
$("input:radio[name='" + domName + "']").data('waschecked',false);
//$radio.data('waschecked', false);
} else {
$radio.prop('checked', true);
$("input:radio[name='" + domName + "']").data('waschecked',false);
$radio.data('waschecked', true);
}
});
});
</script>
</head>
<body>
<p>您的选择是?</p>
<form>
<input type="radio" name="browser" value="">选项1<br />
<input type="radio" name="browser" value="">选项2<br />
<input type="radio" name="browser" value="">选项3<br />
<input type="radio" name="browser" value="">选项4<br />
</form>
</body>
</html>