jQuery操作input type=radio的实现代码-js教程-PHP中文网

jQuery操作input type=radio的实现代码

高洛峰

发布： 2017-02-11 17:11:07

原创

1965人浏览过

<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:

万彩商图

专为电商打造的AI商拍工具，快速生成多样化的高质量商品图和模特图，助力商家节省成本，解决素材生产难、产图速度慢、场地设备拍摄等问题。

201

查看详情

$("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的实现代码相关文章请关注PHP中文网！

大家都在看：

前端怎么上传图片到后端JS_前端图片上传功能与Node后端处理完整流程使用JavaScript实现一个简单的二维码生成器_javascript工具如何开发一个日期选择插件_JavaScript日期选择插件开发实战教程 js脚本怎么获取用户输入内容_js用户输入获取与处理脚本方法深入理解与应用HTML Input的indeterminate状态