带Checkbox的列表框

时间：2021-02-24 09:37:33|栏目：JavaScript代码|点击：次

<!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需再刷新一下页面才能执行]

上一篇：深入浅析同源策略和跨域访问

栏目：JavaScript代码

下一篇：自己写的兼容ie和ff的在线文本编辑器类似ewebeditor

本文标题：带Checkbox的列表框

本文地址：http://www.codeinn.net/misctech/68961.html

更多JavaScript代码

JavaScript代码

带Checkbox的列表框

阅读排行

推荐教程