通过jQuery获取页面中的所有radio对象，遍历页面中的radio，取消选中的标签，因为使用到jQuery时间，因此引用到了网上公共的js，这只是本人的一些总结，大神勿喷。

 <html>

 <head>

 <title>取消</title>

 <script language="javascript">

 function _onclick() {

 $("input[name='ra']:checked").val();

     var radios = document.getElementsByName("ra");

     for (i = 0; i < radios.length; i++) {

         if (radios[i].checked) {

             radios[i].checked=false;

             break;

         }

     }

 }

 function _onclick1() {

  var item = $("input:radio[name='ra'][checked]").val();

 alert(item)

     var radios = $("input[name='ra']");

     for (i = 0; i < radios.length; i++) {

         if (radios[i].checked) {

             radios[i].checked=false;

             break;

         }

     }

 }

 function _onclick2() {

     var radios = $("input[type='radio']");

     for (i = 0; i < radios.length; i++) {

         if (radios[i].checked) {

             radios[i].checked=false;

         }

     }

 }

 </script>

 </head>

 <body>

 <div><ol>

  <li><input type="radio"  name="ra" value="1">1</li>

  <li><input type="radio"  name="ra" value="2">2</li>

  <li><input type="radio"  name="ra" value="3" checked>3</li>

  <li><input type="radio"  name="ra" value="4">4</li>

  <li><input type="radio"  name="ra" value="5">5</li>

  <li><input type="radio"  name="ra" value="6">6</li>

  <li><input type="radio"  name="ra" value="7">7</li>

  <li><input type="radio"  name="ra" value="8">8</li>

 </ol></div>

 <div><ol>

  <li><input type="radio"  name="ra1" value="1">1</li>

  <li><input type="radio"  name="ra1" value="2">2</li>

  <li><input type="radio"  name="ra1" value="3" checked>3</li>

  <li><input type="radio"  name="ra1" value="4">4</li>

  <li><input type="radio"  name="ra1" value="5">5</li>

  <li><input type="radio"  name="ra1" value="6">6</li>

  <li><input type="radio"  name="ra1" value="7">7</li>

  <li><input type="radio"  name="ra1" value="8">8</li>

 </ol></div>

 <input type="button" value="GetValue1" onclick="_onclick()" />

 <input type="button" value="GetValue2" onclick="_onclick1()" />

 <input type="button" value="GetValue3" onclick="_onclick2()" />

 <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js" type="text/javascript"></script>

 </body>

 </html>

文中使用3中获取radio对象的方式，前两种使用的比较多，第三种直接通过type标签获取对象，有可能获取到页面中所有的radio对象，因此不推荐使用。

jQuery对input中radio的一些操作的更多相关文章

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

    setobject: function (data, scope, win) { //data jsoon数据, scope,一般为form的id,win 窗口对象,如果在当前window win=n ...

  2. jquery 获取 input type radio checked的元素

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

  3. 关于使用jquery对input中type为radio的标签checked属性的增加与移除

    需求:对radio的checked属性先消除然后进行重新设置: 初步方案: $("auForm input :radio[value='0']").removeAttr('chec ...

  4. jQuery如何获得select选中的值？input单选radio选中的值

    jQuery取得select选中的值 本来以为jQuery("#select1").val();是取得选中的值, 那么jQuery("#select1").te ...

  5. jQuery操作<input type="radio">

    input type="radio">如下: <input type="radio" name="city" value=&qu ...

  6. jQuery获取循环中的选中单选按钮radio的值

    1.<input type="radio" name="testradio" value="jquery获取radio的值" /> ...

  7. jQuery 获取和设置radio 和 checkbox 值的操作

    jquery 中的val(),可以取值也可赋值,表单元素中的radio和checkbox是比较常用的控件,下面说说对它们的取值和赋值的使用 1.取值 表单如下: <div class=" ...

  8. HTML中获取input中单选按钮radio数据(性别例子)

    个人学习整理 1.编写HTML <!doctype html> <html> <head> <meta charset="utf-8"&g ...

  9. js进阶 11-3 jquery中css属性如何操作

    js进阶 11-3  jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...

随机推荐

  1. Android设置窗口、控件透明度

    设置透明效果的方法如下: 1.在布局文中设置透明效果 android:background="@android:color/transparent" (通过android自带颜色设 ...

  2. SQL Server 的事务和锁（二）-Range S-S锁

    在这篇随笔中,我们的主要关注点在 Key-Range Lock.Key-Range Lock有 S-S.S-U.I-N.X-X几种情况.我们一个一个来说,力求明白.遗憾的是,这里可能会比较冗长,那么死 ...

  3. 点击UITableviewCell展开收缩

    #import "ViewController.h" #import "ZSDTestCell.h" @interface ViewController ()& ...

  4. 20145102 《Java程序设计》第4周学习总结

    20145102 <Java程序设计>第4周学习总结 教材学习内容总结 面向对象中,子类继承父类,避免重复的行为定义,不过并非为了避免重复定义行为就使用继承.如果正确判断使用继承的时机,以 ...

  5. javascript组件开发之基类继承实现

    上一篇文章大概的介绍了一下关于javascript组件的开发方式,这篇文章主要详细记一下基类的编写,这个基类主要是实现继承的功能 为什么要封装基类? 由于这次重构项目需要对各种组件进行封装,并且这些组 ...

  6. Python_使用smtplib和email模块发送邮件

    [http://blog.csdn.net/menglei8625/article/details/7721746] SMTP (Simple Mail Transfer Protocol) 邮件传送 ...

  7. SPOJ 7758. Growing Strings AC自动机DP

    Growing Strings 题目:给出n个字符串,问最多能够选出多少个串组成序列,并满足前一个字符串是后一个字符串的子串. 分析: AC自动机经典水题... 考虑每个节点结尾时,他能够选出最多的串 ...

  8. HTTP协议状态码的含义

    HTTP协议状态码的含义 号码含义-----------------------------------------"100":Continue"101":wi ...

  9. 新颖的O2O商业模式，江水平和他的装修队

    文/秦刚 江水平是我微信上的朋友,有一天他给我留言说,秦刚老师我觉得你应该采访我,因为我的商业模式非常新颖有趣,应该能够给很多创业者启发. 我让江水平把他的商业模式写给我,他效率很高,一天就写好给我了 ...

  10. django 学习-16 Django会话Cookie

    1.django.admin.py  startproject   cs3 cd cs3 django.admin.py   startapp   blog 2.    vim urls.py url ...