javascript 全选与全取消功能的实现代码

复制代码代码如下: <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>

　　推荐阅读

　　js优化针对IE6.0起作用(详细整理)

js优化针对IE6.0起作用，总结一下几点：一，字符串拼接：用数组拼接复制代码代码如下:function func2(){ var start = new Date().getTime(); var array = []; for(var i = 0; i < 10000; i++){ array[i] = "<inp>>>详细阅读

本文标题：javascript 全选与全取消功能的实现代码

地址：http://www.17bianji.com/kaifa2/JS/22750.html

1/2 1