jquery解决input[type=radio]点击选中取消

input[type=radio] 点击选中后，再次点击选中项，默认是不会取消的。用jquery实现点击选中取消的代码：

<input type="radio" name="hobby"> 篮球

<input type="radio" name="hobby"> 足球

<input type="radio" name="hobby"> 网球

$(document).on('click','input[name="hobby"]',function() {

var name = $(this).attr("name");

$(":radio[name="+ name +"]:not(:checked)").attr("tag",0);

if( $(this).attr("tag") == 1 ) {

$(this).attr("checked",false);

$(this).attr("tag",0);

}else {

$(this).attr("tag",1);

}

});

转载于:https://www.cnblogs.com/wlgz/p/8295401.html

相关知识

前端——table标签和form标签和控件：table,input的type类型，select和option,label，textarea
点击input checkbox之后代码里面自动添加checked=“checked”
自定义(滑动条)input[type=“range”]样式
angular
设置type=“range”为vertical
使input type=“file” 不可编辑
input[type=“file”] change事件第二次不触发
input type=range 进度条的自定义样式
HTML网页设计：十一、表单
小程序checkbox，radio组件

原文链接: jquery解决input[type=radio]点击选中取消 https://www.huajiangbk.com/newsview846425.html