web前端|js教程
jquery 复选框 全选 反选 全不选
web前端-js教程
jquery 实现全选，反选，全不选等功能，下面直接以例子进行说明。设页面有如下一组复选框和几个相关按钮（全选，反选，全不选等）：
android xutils源码,vscode注释一段文字,硬盘ubuntu 速度,tomcat迁移闪退,sqlite 过虑条件,网页设计插入提交按钮,服务器重启mysql,分类目录排序插件,前端 app 框架,妹子爬虫视频,php搭配,seo外包公司哪家专业,springboot全栈项目,免费创建网站 优帮云,html网页加播放器,微信错误页面模板下载,织梦后台模板文件,会动的手机页面,企业职工信息管理系统,h5微信抢红包程序lzw
苹果橘子香蕉葡萄
快递类小程序前端和后台源码,ubuntu混合窗口特效,用pycharm爬虫代码,php 游戏入门,seo工作薪资lzw
则分别实现相关功能的完整代码如下：
全盘搜索引擎源码,vscode上班摸鱼,ubuntu空闲,tomcat数据溢出,sqlite打开需要关闭吗,国产wp插件,前端框架有哪些,爬虫如何在闲鱼选品,php 语言开发,中山seo优化优势,网站源码建站视频教程,网页特效代码 选项卡tab,办公门户网站模板lzw
$(function(){ $(#btn1).click(function(){//全选 $("[name=fruit]").attr(checked, rue); }); $(#btn2).click(function(){//全不选 $("[name=fruit]").removeAttr(checked); }); $(#btn3).click(function(){//反选 $("[name=fruit]").each(function(){if($(this).attr(checked)){ $(this).removeAttr(checked);}else{ $(this).attr(checked, rue);} }) }); $("#btn4").click(function(){//选中所有奇数 $("[name=fruit]:even").attr(checked, rue); }) $("#btn5").click(function(){//获取所有选中的选项的值 var checkVal=\; $("[name=fruit][checked]").each(function(){checkVal+=$(this).val()+,; }) alert(checkVal); })});
注意使用 jquery 之前必须要引入 jquery 包哦！
以上就是小编辛苦整理的代码，是不是用起来很方便，希望能够帮到大家。
更多基于jquery实现复选框全选，反选，全不选等功能相关文章请关注PHP中文网！
