jQuery实现radio点击选中，再次点击取消选中

最新推荐文章于 2020-08-10 11:11:20 发布

原创最新推荐文章于 2020-08-10 11:11:20 发布 · 4.8k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用jQuery操作HTML表单中性别选择按钮的方法。通过为输入框添加点击事件，实现了记录并切换用户的选择状态。该方法可以应用于需要记住用户之前选择状态的场景。

<input type="radio" name="sex" value="0" >女
<input type="radio" name="sex" value="1" >男

$('input:radio').click(function(){	                
	var $radio = $(this);
	// if this was previously checked
	if ($radio.data('waschecked') == true){
	   $radio.prop('checked', false);	                    
	   $radio.data('waschecked', false);
	} else {
	   $radio.prop('checked', true);
	   $radio.data('waschecked', true);
	}
});