input type="radio">如下:

<input type="radio" name="city" value="BeiJing">北京
<input type="radio" name="city" value="TianJin">天津
<input type="radio" name="city" value="NanJing">南京
<input type="radio" name="city" value="YangZhou">扬州
<input type="radio" name="city" value="SuZhou">苏州

  1、获取选中的radio的值:

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

  使用元素选择器,再使用属性过滤器name='city',最后使用:checked选取被选中的元素。

  2、给指定值的radio设置选中状态:

$("input[name='city'][value='YangZhou']").attr("checked",true);

  给name="city"而且value="YangZhou"的radio设置选中状态。

  3、取消name="city"的radio的选中状态:

$('input[name="city"]:checked').attr("checked",false);

  4、获取name="city"的radio的个数:

$("input[name='city']").length;

  5、获取name="city"而且索引是偶数的radio:

$("input[name='city']:even");

  索引是从0开始的。

  6、获取name="city"而且索引是奇数的radio:

$("input[name='city']:odd");

  索引是从0开始的。

  7、迭代radio:

$("input[name='city']").each(function(i,obj){
    //i,迭代的下标,从0开始
    //obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值
    //$(this);当前jQuery对象,可以使用$(this).val()获取属性值
});

  迭代name="city"的radio。

  8、禁用radio:

$("input[name='city']").attr("disabled",true);

  禁用name="city"的radio。

  9、启用radio:

$("input[name='city']").attr("disabled",false);

  启用name="city"的radio。

jQuery操作<input type="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=checkbox的实现代码

    代码如下: <input type="checkbox">: 2012欧洲杯"死亡之组"小组出线的国家队是:<br> <input ...

  4. jQuery对input中radio的一些操作

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

  5. input type="radio" jquery判断checked的三种方法:

    <input type="radio" name="radioname" value="" />全部 <input typ ...

  6. JQuery 操作input

    获取选中的值 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item ...

  7. python 全栈开发,Day54(jQuery的属性操作,使用jQuery操作input的value值,jQuery的文档操作)

    昨日内容回顾 jQuery 宗旨:write less do more 就是js的库,它是javascript的基础上封装的一个框架 在前端中,一个js文件就是一个模块 一.用法: 1.引入包 2.入 ...

  8. jquery操作input值总结

    获取选中的值获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本var item = $ ...

  9. 自定义input[type="radio"]的样式

    对于表单,input[type="radio"] 的样式总是不那么友好,在不同的浏览器中表现不一. 为了最大程度的显示出它们的差别,并且为了好看,首先定义了一些样式: <fo ...

随机推荐

  1. Layui 手册一

    icon-图标 1:√2:×3:问号4:锁5:哭脸6:笑脸7:感叹号 使用layer.msg('',{ icon:1 });  目前只提供7种图标可选,用的适当还是很好看的. 表格刷新 parent. ...

  2. 【加密算法】MD5

    一.简介 MD5的全称是Message-Digest Algorithm 5(信息摘要算法),在90年代初由MIT Laboratory for Computer Science和RSA Data S ...

  3. .Net Core 自定义配置源从配置中心读取配置

    配置,几乎所有的应用程序都离不开它..Net Framework时代我们使用App.config.Web.config,到了.Net Core的时代我们使用appsettings.json,这些我们再 ...

  4. Netbeans8.1设置Consola字体并解决中文乱码问题

    netbeans是php非常好用的ide,并且还是免费的!但是好多字体不支持中文,会显示如下乱码: 解决方法如下: 通过修改jre的配置文件成功解决了这个问题. 1. 进入jdk安装目录下/jre/l ...

  5. uwp ListView列表滑动特效

    在看过一篇文章 WPF自定义控件之列表滑动特效 PowerListBox  http://www.cnblogs.com/ShenNan/p/4993374.html#3619585 实现了滑动的特效 ...

  6. day103 跨域请求 与频率访问限制.

    目录 一.跨域请求 二.频率访问限制 一 .同一个域下的ajax请求访问  url文件 from django.conf.urls import url from django.contrib imp ...

  7. Android与js交互

    本文转载自:http://blog.csdn.net/it1039871366/article/details/46372207 一文. Android 中可以通过webview来实现和js的交互,在 ...

  8. biz_platform项目过程

    1.前台界面主要采用React框架.通过Ajax方式将数据与tornado服务器交互.以下代码为请求后台数据. var ThisPage = React.createClass({ render: f ...

  9. Zookeeper之Curator(1)客户端基本的创建,删除,更新,查找操作api

    Curator Framework提供了简化使用zookeeper更高级的API接口.它包涵很多优秀的特性,主要包括以下三点: 自动连接管理:自动处理zookeeper的连接和重试存在一些潜在的问题: ...

  10. 《JAVA与模式》之不变模式

    在阎宏博士的<JAVA与模式>一书中开头是这样描述不变(Immutable)模式的: 一个对象的状态在对象被创建之后就不再变化,这就是所谓的不变模式. 不变模式的结构 不变模式可增强对象的 ...