源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

通过js来制作复选框的全选和不选效果

  • 时间:2022-07-02 06:09 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:通过js来制作复选框的全选和不选效果
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部