通过本文主要向大家介绍了单选按钮,复选按钮等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
单选按钮以及复选按钮在开发过程中会经常用到，下面我就来通过JQuery操作单选按钮和复选按钮：
单选按钮：
通过JQuery获取单选按钮对象我们总共有三种途径：
①ID：$("#radioId")
②NAME：$(":input[name='radioName']")
③TYPE：$("input[type=radio]")，可能在有的资料上面写的是：$(""input[@type=radio]"")，这个的话跟你的JQuery版本有关系，如果是老版本的话就用后者，新版本就用前者，如果不知道自己的版本到底适合用哪一个的话就挨个试，反正一次尝试就能搞定，而且还能学到知识，何乐而不为呢！
我们都知道，在一组单选按钮当中只能使一个生效，要实现这种效果，很多人可能会认为把ID改为相同的就可，其实，你去尝试一下就会知道，在一组单选按钮中仍然可以选用多个。因为，实现此效果的关键属性不是ID，而是NAME。
介绍完了之后，我们投入到只用当中吧：
我们获取完单选按钮的对象之后，就得对此对象进行遍历，因为，此对象的类型是一个数组，我们要挨个对其进行判断是否被选中，然后再从选中的按钮中取出所需要的值，示例代码如下：
好啦，通过上面的两段代码你就可以操作复选框和单选按钮啦！
单选按钮：
通过JQuery获取单选按钮对象我们总共有三种途径：
①ID：$("#radioId")
②NAME：$(":input[name='radioName']")
③TYPE：$("input[type=radio]")，可能在有的资料上面写的是：$(""input[@type=radio]"")，这个的话跟你的JQuery版本有关系，如果是老版本的话就用后者，新版本就用前者，如果不知道自己的版本到底适合用哪一个的话就挨个试，反正一次尝试就能搞定，而且还能学到知识，何乐而不为呢！
我们都知道，在一组单选按钮当中只能使一个生效，要实现这种效果，很多人可能会认为把ID改为相同的就可，其实，你去尝试一下就会知道，在一组单选按钮中仍然可以选用多个。因为，实现此效果的关键属性不是ID，而是NAME。
介绍完了之后，我们投入到只用当中吧：
我们获取完单选按钮的对象之后，就得对此对象进行遍历，因为，此对象的类型是一个数组，我们要挨个对其进行判断是否被选中，然后再从选中的按钮中取出所需要的值，示例代码如下：
好啦，通过上面的两段代码你就可以操作复选框和单选按钮啦！