当前位置: 编程技术>jquery
jquery 全选、全不选、反选的实现代码
来源: 互联网 发布时间:2014-09-03
本文导语: jquery实现全选/全不选/反选。 首先:引入jquery 代码示例: haran.info_jquery实例_全选全不选反选_select-all_unselect-all_reverse 样式: 代码示例: body布局: 代码示例: haran.info_脚本...
jquery实现全选/全不选/反选。
首先:引入jquery
代码示例:
haran.info_jquery实例_全选全不选反选_select-all_unselect-all_reverse
样式:
代码示例:
body布局:
代码示例:
haran.info_脚本编程
haran.info_网站编程
haran.info_系统管理
haran.info_服务器配置
haran.info_系统运维
haran.info_博客
haran.info_首页
实现功能:
代码示例:
$(document).ready(function () {
$("#selAll").click(function () { //":checked"匹配所有的复选
$("#div1 :checkbox").attr("checked", true); //"#div1 :checked"之间必须有空格checked是设置选中状态。如果为true则是选中fo否则false为不选中
});
$("#unselAll").click(function () {
$("#div1 :checkbox").attr("checked", false);
});
//理解用迭代原理each(function(){})
$("#reverse").click(function () {
$("#div1 :checkbox").each(function () {
$(this).attr("checked",!$(this).attr("checked")); //!$(this).attr("checked")判断复选框的状态:如果选中则取反
});
});
});