原文章可運行測試:
http://www.wowbox.com.tw/blog/article.asp?id=2923
程式碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CheckBox全選或全不選</title> <style type="text/css"> p {margin:0;font-size:12px;line-height:26px;} </style> <script type="text/javascript"> function check_all(obj,cName) { var checkboxs = document.getElementsByName(cName); for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;} } </script> </head> <body> <p><input type="checkbox" name="all" onclick="check_all(this,'c')" />全選/全不選</p> <p><input type="checkbox" name="c" value="" /></p> <p><input type="checkbox" name="c" value="" /></p> <p><input type="checkbox" name="c" value="" /></p> <p><input type="checkbox" name="c" value="" /></p> </body> </html> |