JS Radio点击事件以及再次取消

最新推荐文章于 2024-01-12 02:00:34 发布

Krazer、

最新推荐文章于 2024-01-12 02:00:34 发布

阅读量2.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： html 文章标签： JS

本文链接：https://blog.youkuaiyun.com/qq_42717786/article/details/90751600

html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在一组Radio按钮中实现单选并能在已选中状态下取消选择的方法。通过设置相同的name属性确保互斥选择，利用jQuery监听click事件，记录并控制每个Radio按钮的选中状态。

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

如果有两个或者多个radio，只能点击一个，不能多个同时点击，只需要将radio的属性name值设置为一样的即可。

请选择：<input id="NoClaimed" name="IsClaimedFlag" type="radio" value="0" runat="server" />未认领

<input id="IsClaimed" name="IsClaimedFlag" type="radio" value="1" runat="server" />已认领，这里是加了绑定服务器控件标识。在JS中如果要获取点击事件以及再次取消，写法如下：

$(function(){
var isDefualtAdd = 0; //0不选中，1选中
$('input:radio').click(function(){
	var $radio = $(this);
	if ($radio.data('waschecked') == true){
		$radio.prop('checked', false); $radio.data('waschecked', false);
		isDefualtAdd = 0;
	} else {
		$radio.prop('checked', true); $radio.data('waschecked', true);
		isDefualtAdd = 1;
	}
});
});