900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JQuery选中checkbox方法代码实例(全选 反选 全不选)【jquery】

JQuery选中checkbox方法代码实例(全选 反选 全不选)【jquery】

时间:2020-06-10 07:07:55

相关推荐

JQuery选中checkbox方法代码实例(全选 反选 全不选)【jquery】

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);}) });

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。