两行代码搞定checkbox全选

浏览:2577 发布日期:2017年09月27日分类:功能实现关键字: jquery php thinkphp5.0 checkbox 全选取消全选

简简单单两行代码搞定checkbox全选和取消全选
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>全选测试</title>
<script type=text/javascript src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

</head>
<body>
<input type="checkbox" id="quanxuan" />全选<br />
<input type="checkbox" class="qx" />aa<br />
<input type="checkbox" class="qx" />aa<br />
<input type="checkbox" class="qx" />aa<br />
<input type="checkbox" class="qx" />aa<br />
<input type="checkbox" class="qx" />aa<br />
</body>
</html>
<script type="text/javascript">
$("#quanxuan").click(function(){
var xz = $(this).prop("checked");//判断全选按钮的选中状态
var ck = $(".qx").prop("checked",xz); //让class名为qx的选项的选中状态和全选按钮的选中状态一致。
});
</script>

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

yeshen144 01-07
ajax加载的链接列表点击跳转后返回重新定位到浏览位置
yeshen144 12-24
七牛车辆登记 OCR
yeshen144 03-28
通过session统计在线人数
丿、Gemini 02-28
JRKAdmin-你值得拥有
120107401 02-06
解决 php 链接 sql server 查询数据不显示前边的0

收藏

赞

无敌小康

积分:745 等级:LV2

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。