<script language="javascript">
/**
* @author: loosboo
* @email: loosboo@163.com
* @date: 2007.12.25
*
*/
/**
* 处理全选标记
* 如果已经全部选中,则做反选操作,置全选复选框未选中
* 否则做全选操作,置全选复选框选中
*
*/
function allSelect()
{
var oItems = new Array();
var iCheckedNum = 0;
oItems = document.all('ids');
for(var i=0;i<oItems.length;i++)
{
if(oItems[i].checked == true)
{
iCheckedNum++;
}
}
//如果已经全部选中,则做反选操作,置全选复选框未选中
if(iCheckedNum==oItems.length)
{
for(var i=0;i<oItems.length;i++)
{
oItems[i].checked = false;
}
document.getElementById('oAll').checked = false;
}
//否则做全选操作,置全选复选框选中
else
{
for(var i=0;i<oItems.length;i++)
{
oItems[i].checked = true;
}
document.getElementById('oAll').checked = true;
}
}
/**
* 检测是否全部选中
* 如果未全部选中,则置全选复选框为未选中,
* 否则置全选复选框为选中
*/
function checkIsAllSelect()
{
var oItems = new Array();
var iCheckedNum = 0;
oItems = document.all('ids');
for(var i=0;i<oItems.length;i++)
{
if(oItems[i].checked == true)
{
iCheckedNum++;
}
}
if(iCheckedNum != oItems.length)
{
document.getElementById('oAll').checked = false;
}
else
{
document.getElementById('oAll').checked = true;
}
}
</script>
<table width="100%" border="1" cellspacing="2" cellpadding="2">
<tr>
<td width="60"><input name="oAll" id="oAll" type="checkbox" value="全选" οnclick="allSelect('ids')"></td>
<td>
<input name="ids" type="checkbox" id="ids" value="1" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="2" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="3" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="4" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="5" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="6" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="7" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="8" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="9" οnclick="checkIsAllSelect();" /></td>
</tr>
</table>
/**
* @author: loosboo
* @email: loosboo@163.com
* @date: 2007.12.25
*
*/
/**
* 处理全选标记
* 如果已经全部选中,则做反选操作,置全选复选框未选中
* 否则做全选操作,置全选复选框选中
*
*/
function allSelect()
{
var oItems = new Array();
var iCheckedNum = 0;
oItems = document.all('ids');
for(var i=0;i<oItems.length;i++)
{
if(oItems[i].checked == true)
{
iCheckedNum++;
}
}
//如果已经全部选中,则做反选操作,置全选复选框未选中
if(iCheckedNum==oItems.length)
{
for(var i=0;i<oItems.length;i++)
{
oItems[i].checked = false;
}
document.getElementById('oAll').checked = false;
}
//否则做全选操作,置全选复选框选中
else
{
for(var i=0;i<oItems.length;i++)
{
oItems[i].checked = true;
}
document.getElementById('oAll').checked = true;
}
}
/**
* 检测是否全部选中
* 如果未全部选中,则置全选复选框为未选中,
* 否则置全选复选框为选中
*/
function checkIsAllSelect()
{
var oItems = new Array();
var iCheckedNum = 0;
oItems = document.all('ids');
for(var i=0;i<oItems.length;i++)
{
if(oItems[i].checked == true)
{
iCheckedNum++;
}
}
if(iCheckedNum != oItems.length)
{
document.getElementById('oAll').checked = false;
}
else
{
document.getElementById('oAll').checked = true;
}
}
</script>
<table width="100%" border="1" cellspacing="2" cellpadding="2">
<tr>
<td width="60"><input name="oAll" id="oAll" type="checkbox" value="全选" οnclick="allSelect('ids')"></td>
<td>
<input name="ids" type="checkbox" id="ids" value="1" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="2" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="3" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="4" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="5" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="6" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="7" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="8" οnclick="checkIsAllSelect();" />
<input name="ids" type="checkbox" id="ids" value="9" οnclick="checkIsAllSelect();" /></td>
</tr>
</table>