这篇文章主要介绍的是通过js来制作复选框的全选和不选效果,需要的朋友可以参考下
 
<html>
<head>
<title>制作全选效果</title>
<script language="javascript">
function selectAll(){
allcheckBoxs=document.getElementsByName("a");
var a2=document.getElementsByName("a1");
if(a2[0].checked){
for(var i=0;i<allcheckBoxs.length;i++){
allcheckBoxs[i].checked = true;
}
}else{
for(var i=0;i<allcheckBoxs.length;i++){
allcheckBoxs[i].checked = false;
}
}
}
</script>
</head>
<body>
<form name="myform">
<table>
<tr><td colspan="2"><img src="images/head.jpg"/></td></tr>
<tr>
<td><input type="checkbox" name="a1" onclick="selectAll()" />全选/全不选</td>
<td> <img src="images/top.jpg"/></td>
</tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/one.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/two.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/three.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/four.jpg"/></td></tr>
</table>
</form>
</body>
</html>
最新资讯
蚂蚁集团:公司是中国最大的线上保险服务平台

蚂蚁集团:公司是中国最

蚂蚁集团数字金融事业群总裁黄浩表示,截至2020年6月30
蚂蚁打新在即 网上发行股票无流通限制及限售期安排

蚂蚁打新在即 网上发

蚂蚁集团网上发行的股票无流通限制及限售期安排,自本次
蚂蚁集团:平台上大多数消费贷款的年利率在14.6%以下

蚂蚁集团:平台上大多数

截至2020年6月,蚂蚁集团表示平台上大多数消费贷款的年
快手最快本周提交香港上市申请 集资有望达到50亿美元

快手最快本周提交香港

早前外电引述知情人士透露,快手考虑在香港上市,有望集资
蚂蚁胡晓明:蚂蚁集团和美团不处在一个同竞争赛道

蚂蚁胡晓明:蚂蚁集团和

蚂蚁集团执行董事、首席执行官胡晓明表示,在业务合作上
蚂蚁刺激大象:腾讯大涨创新高 机构要对标重新估值?

蚂蚁刺激大象:腾讯大涨

市场预期,腾讯金融科技与蚂蚁集团业务类型接近,目前蚂蚁
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,