插件checkbokSelected.js
/*checkbok checkAll1 (object is All)*/
var checkflag=0;
jQuery.fn.extend({
check: function() {
return this.each(function() { this.checked = true; checkflag++;});
},
uncheck: function() {
return this.each(function() { this.checked = false; checkflag--;});
}
});
jQuery.fn.extend({
checked:function(){
if(checkflag==0)
{
jQuery("input[type=checkbox]").check();
}
else
{
jQuery("input[type=checkbox]").uncheck();
}
}
})
/*checkbok checkAll2 (object is checkbox)*/
// This function will get called every time someone clicks on the selectall checkbox
jQuery.fn.extend({
selectAll:function(){
var checked = jQuery(this).attr("checked");
jQuery("input[type=checkbox]").each(function(){
var subChecked = jQuery(this).attr("checked");
if (subChecked != checked)
jQuery(this).click();
});
}
})
实例
<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script type="text/javascript" src="../queryjs/jquery1.3.js"></script>
<script type="text/javascript" src="../checkbokSelected.js"></script>
<title>Insert title here</title>
</head>
<body>
<input type="checkbox" id="checkAll">1
<input type="checkbox">
<input type="checkbox">
<input type="button" id="but">
</body>
<script type="text/javascript">
/*方法一(点击任意元素实现全选checkbox)*/
/*checkbok checkAll1 (object is All)*/
$("#but").click(function (){
checked();
})
/*方法二(点击指定得checkbox实现全选)*/
/*checkbok checkAll2 (object is checkbox)*/
$("#checkAll").click(function (){
$("input[type=checkbox]").checkALL("#checkAll");
})
<script/>
</HTML>