javaScript实现全选功能

来源：互联网发布：淘宝账户体检中心在哪编辑：程序博客网时间：2024/05/29 04:17

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>全选框实现</title> <script type="text/javascript" language="javascript"> function selectAll() { var allCheckBoxs = document.getElementsByName("coffee"); var desc = document.getElementById("like"); if(desc.value == "都喜欢") { desc.value = "都不喜欢"; for(var i = 0; i < allCheckBoxs.length; i ++ ) { allCheckBoxs[i].checked = true; } } else { desc.value = "都喜欢"; for(var i = 0; i < allCheckBoxs.length; i ++ ) { allCheckBoxs[i].checked = false; } } } </script> </head> <body> <p>你喜欢那种类型咖啡</p> <form> <input type="checkbox" name="coffee" value="cream">蓝山<br> <input type="checkbox" name="coffee" value="sugar" >摩卡<br> <input type="checkbox" name="coffee" value="sugar">拿铁<br> <input type="checkbox" name="coffee" value="sugar">卡布奇诺<br> <input type="checkbox" name="coffee" value="sugar">爱尔兰<br> <input type="button" id="like" value="都喜欢" onClick="selectAll()"> </form> </body> </html>

//运行时截图

//点击全选

0 0