通过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. Java再学习——深究static关键字

    一.static关键字的用途 可以在没有创建对象的情况下来进行(方法/变量)调用.也就是,被static关键字修饰的方法或者变量不需要依赖于对象来进行访问,只要类被加载了,就可以通过类名去进行访问. ...

  2. http协议学习（一）http状态

    整理了一个脑图,算作是<图解HTTP>的读书笔记,这本书有很多插图,适合初学者入门理解. 讲解网络协议的书不多 其中两本被人们奉为圣经  <TCP/IP详解 卷一> <H ...

  3. iOS H5容器的一些探究（二）：iOS 下的黑魔法 NSURLProtocol

    来源:景铭巴巴 链接:http://www.jianshu.com/p/03ddcfe5ebd7 iOS H5 容器的一些探究(一):UIWebView 和 WKWebView 的比较和选择 一.前言 ...

  4. Java SE --- 自增自减

    关于变量的自增与自减运算.   1) int b = a++,作用是将a的值先赋给b,然后再让a自增1.   2) int b = ++a,作用是将a的值先自增1,然后将自增后的结果赋给b. 直接上例 ...

  5. 明风：分布式图计算的平台Spark GraphX 在淘宝的实践

    快刀初试:Spark GraphX在淘宝的实践 作者:明风 (本文由团队中梧苇和我一起撰写,并由团队中的林岳,岩岫,世仪等多人Review,发表于程序员的8月刊,由于篇幅原因,略作删减,本文为完整版) ...

  6. 【Linux/Ubuntu学习1】Linux /etc 目录详解

    /etc目录 包含很多文件.许多网络配置文件也在/etc 中. /etc/rc   or/etc/rc.d   or/etc/rc*.d   启动.或改变运行级时运行的scripts或scripts的 ...

  7. (转)Android学习笔记③——常用快捷键

    常用快捷键 代码跳转 描述:跳转是为了方便代码位置的定位,存在两种跳转:在定义处可以跳转到调用处,在调用处可以跳转到定义处. 快捷键:Cmd + 鼠标单击 方法间跳转 描述:从一个类方法跳转到临近的一 ...

  8. 重构16-Encapsulate Conditional（封装条件）

    当代码中充斥着若干条件判断时,代码的真正意图会迷失于这些条件判断之中.这时我喜欢将条件判断提取到一个易于读取的属性或方法(如果有参数)中.重构之前的代码如下: ) { return "doS ...

  9. Ubuntu下安装QT

    环境 Ubuntu 9.10 qt4.7.3 gcc 4.4 Ubuntu中缺少 make 首先安装  sudo apt-get install make 如果不知道缺少啥,就按下面的装 1.sudo ...

  10. MySQL 中随机抽样：order by rand limit 的替代方案

    最近由于需要大概研究了一下MYSQL的随机抽取实现方法.举个例子,要从tablename表中随机提取一条记录,大家一般的写法就是:SELECT * FROM tablename ORDER BY RA ...