Jquery 全选，反选
<script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function(){
$("#selectAll").click(function(){//全选
$("#playList:checkbox").attr("checked",true);
});
$("#unSelect").click(function(){//全不选
$("#playList:checkbox").attr("checked",false);
});
$("#reverse").click(function(){
$("#playList:checkbox").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
});
});
</script>
<body>
<div id="playList">
<input type="checkbox" value="歌曲1"/>歌曲1<br/>
<input type="checkbox" value="歌曲2"/>歌曲2<br/>
<input type="checkbox" value="歌曲3"/>歌曲3<br/>
<input type="checkbox" value="歌曲4"/>歌曲4<br/>
<input type="checkbox" value="歌曲5"/>歌曲5<br/>
</div>
<input type="button" value="全选" id="selectAll"/>
<input type="button" value="全不选" id="unSelect"/>
<input type="button" value="反选" id="reverse"/>
</body>
Jquery 全选，反选相关推荐
- jQuery全选反选实例
1. $('#tb:checkbox').each(function(){ 每次都会执行 全选-取消操作,注意$('#tb :checkbox').prop('checked',true); tb后面 ...
- JQuery全选反选 随其他checkbox自动勾选全选反选
工作中的代码片段 写出来留作以后对比参考 网上没找到自己想要的全选反选代码 干脆自己写了个比较臃肿的 相信还有更加简单的方法 jquery代码 ============================ ...
- 关于JQuery全选/反选第二次失效的问题
最近在项目中,遇到一个问题,测试全选/反选功能时,第一次对母框进行选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没反应了.原代码大致结构关键如下: function selectA ...
- JQuery全选/反选设置
/*** HTML代码*/ <div class="checkbox-filter"><label class="select">< ...
- html dom反选,Dom操作--全选反选
我们经常会在网站上遇到一些多选的情况,下面我就来说说使用Dom写全选反选的思路. 全选思路: 首先,我们来分析一下知道,当我们点击"全选"复选框的时候,所有的复选框应该都被选中,那 ...
- jQuery如何动态删除TR，input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
- Jquery实现 全选反选
Jquery实现 全选反选 <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...
- Jquery 全选、反选问题解析
最近工作中,需要使用Jquery实现复选框的全选和反选,本人虽然不是专职撸前端的,但这个小问题感觉也没什么难度,下面直接上代码: <div id="list"> < ...
- 【基础】jquery全选、反选、全不选代码
1.JS代码 function ($) { //全选 反选 全不选 $("#selAll").click(function () { $(".lists :checkbo ...
- js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框 使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
最新文章
- 只要你一句话，马斯克就得留扫把头，项目已开源丨Adobe等出品
- MySQL查询面试题
- 小甲鱼c++学习视频之运算符重载
- Hadoop之MapReduce面试知识复习
- vue.js单页面应用实例
- linux下mysql连接错误解决
- openerp mysql_Odoo字段（Fields）总结-至2020全
- Python3中使用json将字典转为json文件中的乱码问题
- Atitit. Api 设计 原则 ---归一化
- QT跨平台使用libvlc播放视频
- 酷狗音乐榜单歌曲获取解析教程
- VPP /什么是VPP？
- DBCS（Double-Byte Character Set， 双位元组字元集）
- 计算机版学猫叫歌,抖音学猫叫是什么歌
- 那年花一个钟用PS改证件照的背景色，今天用Excel我只花了60秒！
- python文件write原理,Python写入文件（write和writelines）详解
- Reso | mysql、SQLServer、Oracle的区别
- 第二十六章 使用 CSP 进行基于标签的开发
- Java爬虫Jsoup的使用
- java输出罗马数字,【Java】【刷穿 LeetCode】13. 罗马数字转整数（简单）