![JQuery选中checkbox方法代码实例(全选 反选 全不选)【jquery】](https://1200zi.500zi.com/uploadfile/img/14/552/454f3e87890120a85b6e0137a1670339.jpg)
web前端|js教程
JQuery,选中checkbox,全选,反选,全不选
web前端-js教程
1、checkbox list选择
源码帝国cms下载,vscode如何选择解析器,ubuntu 代理上网,php类似tomcat,js sqlite 例子,网页设计从安装到卸载,网站免费服务器,js 文本 插件,回复前端框架,爬虫人特点,php 6位随机数,在了seo,springboot提交数据,中文旅游网站模板下载,html 禁止网页缩放,我的班级网站模板下载,网页后台代码,仿淘宝登录页面html模板,图书管理系统流程,在线聊天室程序lzw
代码:
java b2b2c商城源码,VSCODE可以编写上位机吗,悦盒ubuntu,tomcat免费中间件,循环指令爬虫,php可以开发游戏吗,厦门关键词seo放心选择lzw
$(function () {// 全选$("#btnCheckAll").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", true);}); // 全不选$("#btnCheckNone").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", false);}); // 反选$("#btnCheckReverse").bind("click", function () { $("[name = chkItem]:checkbox").each(function () {$(this).attr("checked", !$(this).attr("checked")); });}); // 全不选$("#btnSubmit").bind("click", function () { var result = new Array(); $("[name = chkItem]:checkbox").each(function () {if ($(this).is(":checked")) { result.push($(this).attr("value"));} }); alert(result.join(","));}); });
今日话题 视觉焦点 财经 汽车 科技 房产 旅游
2、checkbox table选中
取qq头像源码,vscode如何缩小,ubuntu新内核卡死,tomcat进程关闭,安卓查看sqlite,免费jquery插件,微信app前端框架,爬虫教程Python答辩,php与设计模式,SEO网络培训开场白,网站特效库,网页短信轰炸源码,铝合金门窗网站模板,html5切换页面,天翼学校门户版网站管理系统 漏洞,基于matlab的自动识别谱峰的程序设计lzw
效果图:
table {border-collapse: collapse; } td {border: 1px solid #ccc; }$(function () {// chkAll全选事件$("#chkAll").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", this.checked);}); // chkItem事件$("[name = chkItem]:checkbox").bind("click", function () { var $chk = $("[name = chkItem]:checkbox"); $("#chkAll").attr("checked", $chk.length == $chk.filter(":checked").length);}) });