通过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. sublime自己常用到的设置

    一.快捷“在浏览器打开” 在首选项->按键绑定-用户中添加代码: { "keys": ["f12"], "command": &quo ...

  2. iOS缓存框架－PINCache解读

    文/Amin706(简书作者)原文链接:http://www.jianshu.com/p/4df5aad0cbd4著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”. 在项目中总是需要缓存一 ...

  3. JavaScript中数组操作

    var arr1=new Array(); arr1.push(1);//在数组的中末尾添加元素,并返回新的长度 arr1.push(2);//在数组的中末尾添加元素,并返回新的长度 arr1.pop ...

  4. Android小项目之十 应用程序更新的签名问题

    ------- 源自梦想.永远是你IT事业的好友.只是勇敢地说出我学到! ---------- 按惯例,写在前面的:可能在学习Android的过程中,大家会和我一样,学习过大量的基础知识,很多的知识点 ...

  5. 接入淘宝API（PHP版本）

    本文链接! http://www.cnblogs.com/MicroHao/p/4030117.html 遇到的问题一: $req = new WaimaiOrderIndexGetRequest; ...

  6. Oracle基础 exp/imp命令

    一.导出方式: 使用exp/imp方式导出数据分为四种方式: 1.表方式导出:一个或多个指定的表,包括表的定义.表数据.表的所有者授权.表索引.表约束,以及创建在该表上的触发器.也可以只导出结构,不导 ...

  7. 【CSS3】---嵌入字体@font-face

    @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体. 语法: @font-face { font-family : 字体名称; src : 字体文件在服务器上的 ...

  8. CefSharp 发布后在客户机上报找不到dll的问题

    两个因素:一是与项目平台属性的选择要一致二是需要安装CefSharp对应的的VC++可发行组件包(用包管理器引用了此DLL后,会有一个readme.txt,上面详细介绍了CefSharp所需要的环境要 ...

  9. 【转】C# 中访问修饰符

    用通过代码:  类内部 using System;class Mod{    void defaultMethod()    {        Console.WriteLine("this ...

  10. Ubuntu系统下载工具的推荐

    源 起 大家在上手一段时间Ubuntu系统后,可能突然想起最近新出了一些电影想要下载来看看,但如果用Wine运行迅雷,不是没反应就是启动后也不能下载,针对这个问题,根据我的使用体验推荐大家两款Ubun ...