JQuery操作单选按钮以及复选按钮示例_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JQuery操作单选按钮以及复选按钮示例_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1565字，纯文字阅读大概需要3分钟。
内容图文
单选按钮以及复选按钮在开发过程中会经常用到，下面我就来通过JQuery操作单选按钮和复选按钮： 单选按钮：
通过JQuery获取单选按钮对象我们总共有三种途径：
①ID：$("#radioId")
②NAME：$(":input[name='radioName']")
③TYPE：$("input[type=radio]")，可能在有的资料上面写的是：$(""input[@type=radio]"")，这个的话跟你的JQuery版本有关系，如果是老版本的话就用后者，新版本就用前者，如果不知道自己的版本到底适合用哪一个的话就挨个试，反正一次尝试就能搞定，而且还能学到知识，何乐而不为呢！
我们都知道，在一组单选按钮当中只能使一个生效，要实现这种效果，很多人可能会认为把ID改为相同的就可，其实，你去尝试一下就会知道，在一组单选按钮中仍然可以选用多个。因为，实现此效果的关键属性不是ID，而是NAME。
介绍完了之后，我们投入到只用当中吧：
我们获取完单选按钮的对象之后，就得对此对象进行遍历，因为，此对象的类型是一个数组，我们要挨个对其进行判断是否被选中，然后再从选中的按钮中取出所需要的值，示例代码如下：
代码如下:
var itemradio = $("input[type=radio]");
result="";
nums = itemradio.length;
for(i=0;i<nums;i++) {
if(itemradio[i].checked){
result = itemradio[i].value+","+itemradio[i].id+";"+result;
}
}
result就是我想获取的值，前面那个value可能大家会看得懂，而后面那个ID有的人可能会犯迷糊。在此，我就进行一下扩展：在JS中所有的对象都可以直接通过“.”来获取属性的值。
复选框：
关于复选框，我们需要的只是“全选和反选”的效果，使用JQuery的话只要一句话就可以搞定，如下：
代码如下:
var checkedObj = $('input:checkbox[name="checkbox"]:checked');
var values = "";
checkedObj.each(function() {
var value=this.value + ",";
values += value;
});
好啦，通过上面的两段代码你就可以操作复选框和单选按钮啦！
内容总结
以上是互联网集市为您收集整理的JQuery操作单选按钮以及复选按钮示例_jquery全部内容，希望文章能够帮你解决JQuery操作单选按钮以及复选按钮示例_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】