简单实用的全选反选按钮例子

时间:2013-10-18    点击:90   
复制代码 代码如下:

//全选按钮处理
$(function(){
//点击全选
$("#checkAll").click(function () {//当点击全选框时
var flag = $("#checkAll").is(":checked");//判断全选按钮的状态
var checkItems=document.getElementsByName("checkItem");
for(var i=0;i<checkItems.length;i++){
checkItems[i].checked = flag;
}
});
//点击子项
$("input:checkbox[name='checkItem']").each(function(){
$(this).click(function(){
if($("input:checkbox[name='checkItem']:checked").length==$("input:checkbox[name='checkItem']").length){
document.getElementById("checkAll").checked = true;
}else{
document.getElementById("checkAll").checked = false;
}
});
});
});
jQuery实现鼠标移到元素上动态提示消息框效果
图片动画横条广告带上下滚动可自定义图片、链接等等
jQuery 属性选择器element[herf*='value']使用示例
js数组的基本用法及数组根据下标(数值或字符)移除元素
jquery 循环显示div的示例代码
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved