通过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. 给大家普及一下CPU和SOC的基本知识，好让大家在盲目喝彩做出基本的判断

    转载:http://bbs.tianya.cn/post-worldlook-544367-1.shtml 目前,华为推出了自己的四核手机,用自己的SOC,所以很多不明就里的人开始嚷嚷国产处理器的骄傲 ...

  2. Joy of Programming: Understanding Bit-fields in C

    转:http://www.linuxforu.com/2012/01/joy-of-programming-understanding-bit-fields-c/ By S.G. Ganesh on ...

  3. 给学习IT、编程者的看

    Preface: 我始终认为,对一个初学者来说,IT界的技术风潮...... Content: 我始终认为,对一个初学者来说,IT界的技术风潮是不可以追赶的,而且也没有能力去追赶.我时常看见自己的DD ...

  4. 两种方式连接mysql

    一种方式:运行命令符后,mysql -u root -p(如果不成功,说明环境变量没配,命令行到 mysql的bin目录下,然后运行mysql -u root -p 应该成功了) 另外一种方式,直接有 ...

  5. hadoop2 作业执行过程之reduce过程

    reduce阶段就是处理map的输出数据,大部分过程和map差不多 //ReduceTask.run方法开始和MapTask类似,包括initialize()初始化,根据情况看是否调用runJobCl ...

  6. 查找字符对应Unicode码的十进制数字

    //将字符转换为Unicode码中字符对应十进制数字 int byte0 = 'A' & 0xff;//byte0=65 参考文档:http://baike.baidu.com/view/26 ...

  7. java 转义字符

    \t 相当于tab,缩进\n 回车\r 换行\b 换成 一个黑点

  8. Redis缓存、MemCached和.Net内部缓存的切换使用

    接口文件:IDataCache.cs using System; using System.Collections.Generic; using System.Linq; using System.T ...

  9. Java Script基础（五） 内置对象Date

    在JavaScript中,系统的内置对象有Date对象.Array对象.String对象和Math对象等. 1.Date:用于操作日期和时间. 2.Array:用于在单独的变量名中存储一系列的值. 3 ...

  10. 实现MVC4多级Views目录

    建立自己MyViewEngine类让他继承RazorViewEngine,之后在构造函数里面写入设置视图位置格式代码如下: public class MyViewEngine : RazorViewE ...