close
如何做到CheckBox的「全選/取消全選」的功能
筆者有在網路上搜尋到一篇不錯的文章如下
文章中有詳細介紹如何實作此功能
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> |
全站熱搜
留言列表
