[javascript]使用jQuery如何选中一个复选框(checkbox)?

Javascript 作者: Rector 825 次阅读 · 读完约需 1 分钟 收藏本文

郑重申明:本文未经许可,禁止任何形式转载

问题描述

如题,当前有需求,需要使用jQuery选中一个复选框(checkbox),以下为jQuery的伪代码:

或者

那么,使用jQuery如何实现选中复选框(checkbox)的功能呢?

方案一

jQuery 1.6+ 版本中
可以使用新的jQuery方法.prop(),如:

jQuery 1.5.x 或者以下版本
.prop()方法不可用,我们可以使用.attr()方法来处理和实现,如:

如果你的HTML文档中只有惟一的元素,则还可以使用通用于任何jQuery版本的写法,如:

方案二

封装一个jQuery的复选框勾选的插件,如:

调用示例:

方案三

另一种jQuery的扩展封装,如:

调用示例:

方案四

使用纯javascript而不使用jQuery实现的方法:

调用示例:

阅读了该文章的人还浏览了...

本文永久链接码友网 » [javascript]使用jQuery如何选中一个复选框(checkbox)?

发布于: 2018-03-06 08:05:07
分享扩散:

发表评论

登录用户才能发表评论, 请 登 录 或者 注册