带复选框的列表框[网页特效代码]-黑马建站宝典(www.heima123.com)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>带Checkbox的列表框 - 51windows.Net </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <style> body,td{font-size:12px;color:#000000;} .checkbox{width:15px;height:15px;} .cked{ margin:1px;padding:2px;width:100%;display:block;background-color:highlight;color:highlighttext; } .nock{ margin:1px;padding:2px;width:100%;display:block; } </style> <body> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <form method="post" name="myform" action="?"> <table border="0" width="200"> <tr> <td><div style="width:180px;height:150px;overflow:auto;border: 2px inset #FFFFFF;"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT></div> </td> </tr> <tr> <td> <button onclick='_sl(document.myform.city,true);'>全选</button> <button onclick='_sl(document.myform.city,false);'>全不选</button> <button onclick='_setv(document.myform.city,"甘肃,广东");'>set值</button> <button onclick='alert(_getv(document.myform.city));'>get值</button> </td> </tr> <tr> <td><div style="width:180px;height:120px;overflow:auto;border: 2px inset #FFFFFF;"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT></div> </td> </tr> <tr> <td> <button onclick='_sl(document.myform.WebSite,true);'>全选</button> <button onclick='_sl(document.myform.WebSite,false);'>全不选</button> <button onclick='_setv(document.myform.WebSite,"http://www.google.com");'>set值</button> <button onclick='alert(_getv(document.myform.WebSite));'>get值</button> </td> </tr> <tr> <td align="center"><button onclick='document.myform.reset();'>重置表单</button> </td> </tr> </table> </form> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]