您正在使用 IPV4 [3.237.32.143] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
悟空收录网       [公益]保护绿色环境,构建和谐社会      

【腾讯云】 爆款2核2G3M云服务器首年 61元,叠加红包再享折上折      
[公益] 地球是我家,绿化靠大家      
2024年 清明节 006
2024年 劳动节 033
2025年 元 旦 278
2025年 春 节 306
综合数码金融娱乐服务报刊政府机构 推荐 排名 今日 申请 友情  
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
JavaScript全选和全消代码
内容摘要: 如果当前选中的数量为有一个没有选中,并且全选框是选中状态,则将全选框的状态变为不选择 !DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN' HTML HEAD TITLEJavaScript全选(全消),动态全选全消/TITLE script type='text/javascript' l......
如果当前选中的数量为有一个没有选中,并且全选框是选中状态,则将全选框的状态变为不选择

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>JavaScript全选(全消),动态全选全消</TITLE>

<script type="text/javascript" language="javascript">

function checkAll()//此方法用来全选和全消复选框

{

var items=document.getElementsByName("checkC");

var itemall=document.getElementById("all");

for(var i=0;i<items.length;i++){

items.checked=itemall.checked;

}

}

function resAll(){

var items=document.getElementsByName("checkC");

var itemall=document.getElementById("all");

var ite=0; //此变量用来记录当前选中的checkbox的个数

for(var i=0;i<items.length;i++){

//获得当前选中的checkbox的数量

if(items.checked){

ite++;

}

}

//如果当前选中的数量为有一个没有选中,并且全选框是选中状态

//则将全选框的状态变为不选择

if(ite==items.length-1&&itemall.checked){

itemall.checked=false;

}

/*---

//这个适用于你想把子选项完全去掉才将全选的效果去掉

if(ite==0&&itemall.checked){

itemall.checked=false;

}

---*/

//如果当前选中的数量为零并且全选框是未选中状态

//则将全选框的状态变为选择

if(ite==items.length&&!itemall.checked){

itemall.checked=true;

}

}

</script>

</HEAD>

<BODY>

此脚本适合由数据库动态创建时使用这样的,因为里面不需要传递参数。因此扩展性不是很高<br/>

<input type="checkbox" name="all" id="all" onclick="checkAll()">全选

<input type="checkbox" name="checkC" onclick="resAll()">1

<input type="checkbox" name="checkC" onclick="resAll()">2

<input type="checkbox" name="checkC" onclick="resAll()">3

<input type="checkbox" name="checkC" onclick="resAll()">4

<input type="checkbox" name="checkC" onclick="resAll()">5

<input type="checkbox" name="checkC" onclick="resAll()">6

<input type="checkbox" name="checkC" onclick="resAll()">7

</BODY>

</HTML>

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:RGB颜色转换网页特效代码

 

下一篇:向上一个一个移动的文字

发布日期:2021/6/15
手机扫二维码直达本页
发布时间:12:34:56
点  击:6
录  入:齐天大圣
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....