通过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. git无法连接bitbucket/github时，出现"Permission deied(publickey)"

    Permission denied (publickey). fatal: Could not read from remote repository. Please make sure you ha ...

  2. jquery冲突

    今天修改一个项目发现,前辈们自己写的一些方法和jquery冲突了,也就是$的冲突,以至于自己用jquery编写的新功能无法正常使用,细究后发现解决办法如下:使用 noConflict() 方法为 jQ ...

  3. 对Kernel panic-not syncing:No init found...init=option to kernel错误总结!

    转载:http://blog.csdn.net/wavemcu/article/details/6950053 在移植Linux中很容易出现这样那样的问题,我也遇到过,现在就共享下人家的一些经验和自己 ...

  4. eclipse中的tomcat debug模式启动报超时45s

    在eclipse中加入tomcat,开debug模式非常好用,这里就不介绍了 最近eclipse的tomcat开debug模式就是启动不了,增加时间也不能解决,但是非debug模式就可以打开,我觉得是 ...

  5. 一步一步实现iOS微信自动抢红包

    微信红包 前言:最近笔者在研究iOS逆向工程,顺便拿微信来练手,在非越狱手机上实现了微信自动抢红包的功能.   此教程所需要的工具/文件 yololib class-dump dumpdecrypte ...

  6. XACML-条件评估（Condition evaluation）,规则评估（Rule evaluation）,策略评估（Policy evaluation）,策略集评估（PolicySet evaluation）

    本文由@呆代待殆原创,转载请注明出处. 一.条件评估(Condition evaluation) <Condition>元素缺失时或评估结果为真时,条件值为True. <Condit ...

  7. 【阿里云产品公测】OTS使用之简单线上产品实践基于PythonSDK

    阿里云用户:morenocjm 实践是检验真理的唯一标准,学习技术需要通过实践过程中的不断尝试,才能够快速掌握要领.OTS是构建在阿里云飞天分布式系统之上的NoSQL数据库服务,提供海量结构化数据的存 ...

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

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

  9. Nginx负载趟过的坑

    在项目中经常会碰到需要利用Nginx作负载,最近在利用Nginx作负载均衡器时碰到一个很奇葩的问题. 本来按照以前的实现将打好的A.war包直接放到tomcat根目录(webapps)下,然后按照如下 ...

  10. centos下使用nohup

    Unix/Linux下一般比如想让某个程序在后台运行,很多都是使用 & 在程序结尾来让程序后台运行.比如我们要运行mysql在后台:/usr/local/mysql/bin/mysqld_sa ...