设为首页 加入收藏

TOP

jQuery操作单选按钮以及复选按钮
2014-11-24 13:09:56 来源: 作者: 【 】 浏览:0
Tags:jQuery 操作 单选 按钮 以及

单选按钮以及复选按钮在开发过程中会经常用到,下面我就来通过JQuery操作单选按钮和复选按钮:


单选按钮:


通过JQuery获取单选按钮对象我们总共有三种途径:


①ID:$("#radioId")


②NAME:$(":input[name='radioName']")


③TYPE:$("input[type=radio]"),可能在有的资料上面写的是:$(""input[@type=radio]""),这个的话跟你的JQuery版本有关系,如果是老版本的话就用后者,新版本就用前者,如果不知道自己的版本到底适合用哪一个的话就挨个试,反正一次尝试就能搞定,而且还能学到知识,何乐而不为呢!


我们都知道,在一组单选按钮当中只能使一个生效,要实现这种效果,很多人可能会认为把ID改为相同的就可,其实,你去尝试一下就会知道,在一组单选按钮中仍然可以选用多个。因为,实现此效果的关键属性不是ID,而是NAME。


介绍完了之后,我们投入到只用当中吧:


我们获取完单选按钮的对象之后,就得对此对象进行遍历,因为,此对象的类型是一个数组,我们要挨个对其进行判断是否被选中,然后再从选中的按钮中取出所需要的值,示例代码如下:



复选框:


关于复选框,我们需要的只是“全选和反选”的效果,使用JQuery的话只要一句话就可以搞定,如下:


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Android的intent之间复杂参数的传.. 下一篇Unity3D之进度条跟着游戏对象移动

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: