使用jquery实现复选框的全选和获取选择值得功能,实现效果如下图所示:
3条回答 默认 最新
- 你好!机器人 2021-11-30 14:47关注
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $(function () { //用id选择器获取button组件,这里可以用其他选择器,如class为. id为# 等。详情看jQuery官网 $("#selectAll").click(function () { //设置选择框选中为true $("input[type='checkbox']").prop("checked", true); }); var aa=""; $("#getVal").click(function () { $("input[type='checkbox']:checkbox:checked").each(function(){ aa+=$(this).val() }) }) console.log(aa) }); </script> </head> <body> <input type="checkbox" value="足球"/>足球 <input type="checkbox" value="篮球"/>篮球 <input type="checkbox" value="羽毛球"/>羽毛球 <input type="checkbox" value="乒乓球"/> <br> <input type="button" id="selectAll" value="全选"> <input type="button" id="getVal" value="获取"> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 matlab不知道怎么改,求解答!!
- ¥15 永磁直线电机的电流环pi调不出来
- ¥15 用stata实现聚类的代码
- ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
- ¥20 docker里部署springboot项目,访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效
- ¥15 悬赏!微信开发者工具报错,求帮改
- ¥20 wireshark抓不到vlan
- ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
- ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持