首页 > 分享 > jquery解决input[type=radio]点击选中取消

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://m.huajiangbk.com/newsview846425.html

所属分类:花卉
上一篇: 云南铁皮石斛干花效果怎么样
下一篇: 杭州花卉租赁服务的效果评价