<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。
标签:
input,radio

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com

评论“jQuery操作input type=radio的实现代码”

暂无“jQuery操作input type=radio的实现代码”评论...

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。