jquery全选框的实现
2016-05-26 14:59
639 查看
函数实现的话:
head里加入函数实现
调用处:
也可以调用处直接使用jquery的选择器:
head里加入函数实现
<script language="javascript" type="text/javascript"> //全选、取消全选的事件 function selectAll() { //#checkedAll是全选的那个checkbox if ($("#cbSelectAll").attr("checked")) { //:checkbox 是选中了所有的<input> type为 checkbox的对象 $(":checkbox").attr("checked", true); } else { $(":checkbox").attr("checked", false); } } </script>
调用处:
<div class="ItemBlockBorder"> <div class="ItemBlock"> <table cellpadding="0" cellspacing="0" class="mainForm"> <!--表头--> <thead> <tr align="LEFT" valign="MIDDLE" id="TableTitle"> <td width="300px" style="padding-left: 7px;"> <!-- 如果把全选元素的id指定为selectAll,并且有函数selectAll(),就会有错。因为有一种用法:可以直接用id引用元素 --> <input type="checkbox" id="cbSelectAll" onClick="selectAll()"/> <label for="cbSelectAll">全选</label> </td> </tr> </thead> <!--显示数据列表--> <tbody id="TableData"> <tr class="TableDetail1"> <!-- 显示权限树 --> <td> <s:checkboxlist name="privilegeIds" list="#privilegeList" listKey="id" listValue="name"></s:checkboxlist> </td> </tr> </tbody> </table> </div> </div>
也可以调用处直接使用jquery的选择器:
<input type="checkbox" id="cbSelectAll" onClick="$('[name=privilegeIds]').attr('checked', this.checked)"/>
相关文章推荐
- jQuery过滤特殊字符及JS字符串转为数字
- jquery+ajax实现多个下拉选之间的关联
- jquery checkbox 操作
- 常用jQuery选择器详解
- jquery.qrcode 生成二维码带logo
- Jquery实现多级联动
- jquery的一个插件scrollable.js做的注册三步骤,只有完成第一个才能进入下一步
- jQuery学习笔记--选择器、过滤器片
- jquery中attr和prop的区别
- jQuery EasyUI filebox的文件路径错误
- jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示
- JQuery开发3-jQuery中图片动画效果
- JQuery快速学三之一(事件)
- JQuery快速学二(DOM操作)
- JQuery快速学三之一(事件)
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- jQuery对象入门级介绍
- jQuery设计思想
- jQuery设计思想
- jQuery控制文本框只能输入数字和字母及使用方法