帶Checkbox的列表框

2019-11-21 02:32:51

字體：大中小

供稿：網(wǎng)友

<!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 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：在b/s開發(fā)中經(jīng)常用到的javaScript技術(shù)

下一篇：判斷Checkbox和Radio的一種方法