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

最新推荐文章于 2021-07-14 22:49:49 发布

Chenmoooooooooo

最新推荐文章于 2021-07-14 22:49:49 发布

阅读量4.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/DJ_coder/article/details/88760347

前端专栏收录该内容

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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);
	}
});