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

时间: 2024-11-07 16:29:12

jquery解决input[type=radio]点击选中取消的相关文章

jQuery操作&lt;input type=&quot;radio&quot;&gt;

jQuery操作<input type="radio"> <input type="radio">如下: 1 2 3 4 5 <input type="radio" name="city" value="BeiJing">北京 <input type="radio" name="city" value="TianJi

jquery 获取 input type radio checked的元素

.find('input:radio:checked'):.find("input[type='radio']:checked");.find("input[name='radio']:checked");.find("input[@name='radio'][checked]");.find("input[name='radio']").filter(':checked');

Jquery给input[type=radio] 控件赋值

1 setobject: function (data, scope, win) { //data jsoon数据, scope,一般为form的id,win 窗口对象,如果在当前window win=null 2 $.each(data, function (id, value) { //循环json数据每个属性 3 var control; //当前控件 4 if (scope) { 5 if(win){ 6 control = $("#" + scope + " #&q

点击文字,把input type="radio"也选中

1. <label> <input type="radio" name="radiobutton" value="radiobutton" />测试? </label> 2. <label for="radiobutton"> <input type="radio" name="radiobutton" id="radiob

获取&lt;input type=&quot;radio&quot;&gt;被选中的内容

背景: <input type="radio">,该标签表示的是单选按钮,这个类型相对于其他类型的获取,比较特殊,特此记录一下. 获取方式: 1. 使用选择器直接获取(注意选择器这种方式的使用): 1 <html> 2 <head> 3 <title>标题示例</title> 4 <meta charset="UTF-8"> 5 <style> 6 </style> 7

自定义input[type=&quot;radio&quot;]的样式

对于表单,input[type="radio"] 的样式总是不那么友好,在不同的浏览器中表现不一. 为了最大程度的显示出它们的差别,并且为了好看,首先定义了一些样式: html: <form action=""> <div class="sex"> <div class="female"> <label for="female">女</label>

纯css兼容个浏览器input[type=&#39;radio&#39;]不能自定义样式

各个浏览器对于表单input[type='radio'].input[type='checkbox']的样式总是各有差异 //html <div class="remember-account"> <input type="checkbox"> <span>记住账号</span> </div> //css .remember-account { display: inline-block; font-siz

如何更改 iOS 和安卓浏览器上的 input[type=&quot;radio&quot;] 元素的默认样式?

Safari 上的默认样式是这样的, 背景颜色可以使用background-color改变,但中间那个点始终无法去掉. 我查了一些jQuery插件,如iCheck.js,但是那说明写得我都看不明白,根本不知道如何使用. 还有-webkit-appearance:none;属性会直接将input[type="radio"]元素隐藏. 应该如何更改?我的目标只是一个选中时是纯色的圆形,未选中时是带边框的透明圆形. 还可用css伪类写 <h3>CSS3 Custom radio&

input[type=&quot;radio&quot;]自定义样式

input为radio时,虽然会有默认选中的样式,但是并不符合大多数项目的需求,我们的目标是可以随心所欲自定义它的样式.怎么做呢?其实很简单,只要抓住3点.分别是1.label 2.隐藏自带样式 3.绘制我们的样式. 首先,我们准备了一个简单的选中样式,看图: 下面我们看看怎么实现 1.label 我们都知道,label可以和input关联,达到点击label就触发input的效果. 既然这样,我们就要充分的利用它. <label for="cat" class="ra