如何利用jq来实现复选框的全选,反选!
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
//alert($(this).val());
})
alert(str);
})
})
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
//alert($(this).val());
})
alert(str);
})
})
转载于:https://www.cnblogs.com/phpben/p/6025514.html
如何利用jq来实现复选框的全选,反选!相关推荐
- 【jQuery】复选框的全选、反选,推断哪些复选框被选中
本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...
- jQuery实现复选框的全选和反选:
jQuery实现复选框的全选和反选: 截图如下: 代码如下: index.jsp: <%@ page language="java" import="java.ut ...
- php 复选框全选和取消,基于JavaScript实现复选框的全选和取消全选
这篇文章主要为大家详细介绍了基于JavaScript实现复选框的全选和取消全选,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了js复选框的全选和取消全选的具体代码,供大家参考, ...
- Javascript第五章切换层效果、复选框的全选十三课
层切换效果: 效果 复选框的全选
- 复选框的全选、全不选、和获取选中的值;
1.获取select下面的选中的option值 <select id="afterSaleReson" name="afterSaleReson"> ...
- HTML复选框的全选、全不选以及单选操作。
今天在进行HTML的table练习的时候,发现一个比较有趣的知识点,有关于复选框的全选.全不选,以及单选操作的相关问题. 待我上网搜索了一下相关资料,发现有关于全选以及全不选的详解还是挺多的,但是复选 ...
- 复选框的全选和取消全选
复选框的全选和取消全选 <!DOCTYPE html> <html><head><meta charset="utf-8">< ...
- js复选框之全选反选不选
今日分享:纯js复选框之全选&&反选&&不选 想要了解其用法,首先先得了解它们各自的意思 全选:全部都选中 反选:选中的部分取消,没选中的部分勾选上 不选:全部取消勾选 ...
- JavaScript - 复选框的全选和取消
复选框的全选和取消 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w ...
最新文章
- NR 5G (2G-5G)通信核心网演进
- springCloud学习-高可用的分布式配置中心(Spring Cloud Config)
- python oracle数据库开发_python连接Oracle数据库
- c++ 协程_理解Python协程(Coroutine)
- 【行为型模式】《大话设计模式》——读后感 (10)无尽加班何时休?——状态模式...
- mysql qps提升_上亿数据MYSQL的innodb优化 QPS轻松过5000
- 使用 rem 实现 适配各种屏幕布局
- 中文整合包_MIMOSA2: 基于微生物组和代谢组数据的整合分析
- 双11特刊|购物车实时显示到手价,看云原生内存数据库Tair如何提升用户体验?
- linux下Zlib的安装与使用
- Matlab曲线标记间距自定义
- 学习笔记(2)centos7 下安装mysql
- 腾达路由器WISP功能小测试
- cleanmymac2023免费版纯净mac电脑系统管家
- 虚拟机WIN7系统 如何设置网络
- java说的tps pv是什么_面试官常问你项目的PV量或TPS,怎么说,给你一个概念
- 参考牛顿冷却定律优化最热问题的排序
- 简易的学生社团管理(大二课设)
- 关于快捷键 Ctrl+z 无效命令的问题
- 鸿蒙系统 新闻,首款鸿蒙系统终端新闻 华为正式发布鸿蒙系统
热门文章
- spring实战(第4版读书笔记)
- 剑指offer面试题[11]-数值的正整数次方
- pycharm的terminal无法识别到命令 pytest 不是内部或外部命令,也不是可运行的程序 或批处理文件。
- java的程序编码_Java 程序编码规范(初学者要牢记)
- matlab 0到正无穷求和,1/k!k从0到无穷求和是多少
- 服务器文档读取不了,服务器读取不到内存
- java与数据库的数据交互,Java与数据库初步交互(后续需要进行优化)
- android获取网络视频缩略图,Android 获取视频(本地和网络)缩略图的解决方案
- sql int 比较_SQL进阶--错题集1
- 推荐系统组队学习——GBDT+LR