<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>javascript选择当前页面所有checkbox 复选框代码</title> <script language="javascript"> function selectalls(state) { var inputs = document.getElementsByTagName("input"); for(var i=0; i< inputs.length; i++) { if(inputs[i].type == "checkbox") { inputs[i].checked =state; } } } </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <input type="checkbox" name="checkbox1" id="c1" /> <input type="checkbox" name="checkbox2" id="c2" /> <label for="checkbox"></label> <input type="text" name="textfield" id="textfield" /> <input type="submit" name="button" id="button" value="按钮" onclick="javascript:selectalls(true);" /> </form> <label for="textfield"></label> <input type="button" name="button" id="button" value="按钮" onclick="javascript:selectalls(true);" /> </body> </html>前后两个按钮都可以。
radio特殊一些，因为同名的radio有两个按钮，但又只能单选，所以必须根据它的value才能判断是哪一个（value不代表被选中）：
function selectalls(state) { var inputs = document.getElementsByTagName("input"); for(var i=0; i< inputs.length; i++) { // if (i<=7) alert(inputs[i].name + " " + inputs[i].value + " "+ inputs[i].checked); if ((inputs[i].type == "radio") && (inputs[i].value=='true')) { inputs[i].checked = state; } } }<input type="button" name="button" id="button" value="<?php echo $ini_array['index.select.all']?>" onclick="javascript:selectalls(true);" />
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
