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

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

高洛峰

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

原创

1969人浏览过

如下：

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

成新网络商城购物系统

使用模板与程序分离的方式构建，依靠专门设计的数据库操作类实现数据库存取，具有专有错误处理模块，通过 Email 实时报告数据库错误，除具有满足购物需要的全部功能外，成新商城购物系统还对购物系统体系做了丰富的扩展，全新设计的搜索功能，自定义成新商城购物系统代码功能代码已经全面优化，杜绝SQL注入漏洞前台测试用户名：admin密码：admin888后台管理员名：admin密码：admin888

查看详情

$("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中文网！

大家都在看：

javascript中的防抖和节流是什么_它们分别适用于什么场景 JavaScript中如何实现范围滑块_input类型range 如何使用JavaScript操作DOM_它如何动态改变网页内容呢 javascript如何进行表单数据验证？_javascript的事件处理函数如何编写？ JavaScript如何实现文件上传和读取？