这篇文章主要介绍的是通过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>
最新资讯
字节跳动:持续大规模招聘 全年校招超过1万人

字节跳动:持续大规模招

8月12日午间消息,近日,字节跳动正式启动2021届秋季校园
台积电位列全球半导体第三 华为旗下海思首入前十强

台积电位列全球半导体

半导体市场研究公司IC Insights公布2020年上半年前十
消息称贝壳找房美国IPO指导价定在每股20美元

消息称贝壳找房美国IP

据悉,贝壳找房将在美IPO的发行价设在定价区间上方的20
消费趋势转线上,亚马逊全球开店的跨境电商路要怎么走

消费趋势转线上,亚马逊

过去五年,亚马逊中国卖家群体不断发展,已成为向全球消费
把半条命交出去,京东战投启动Plan B

把半条命交出去,京东战

如果说全资控股五星电器是京东战投的Plan A;那么把半条
暴饮暴食、假吃真吐……不要让“吃播文化”走向极端

暴饮暴食、假吃真吐…

近年来,伴随着直播热兴起,“吃播”开始风靡网络。所谓“
最新文章
Vue实现图片与文字混输效果

Vue实现图片与文字混

用多了 JQuery ,习惯了使用JQuery的API操作 DOM ,几乎忘
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

Vue实现点击当前元素

这篇文章主要介绍了Vue实现点击当前元素以外的地方隐
Vue实现验证码功能

Vue实现验证码功能

这篇文章主要为大家详细介绍了Vue实现验证码功能,文中
JS实现的雪花飘落特效示例

JS实现的雪花飘落特效

这篇文章主要介绍了JS实现的雪花飘落特效,结合实例形
微信小程序实现图片压缩

微信小程序实现图片压

这篇文章主要为大家详细介绍了微信小程序实现图片压缩
JavaScript实现京东放大镜效果

JavaScript实现京东放

这篇文章主要为大家详细介绍了JavaScript实现京东放大