在下拉列表框中使用复选框

2024-09-05 12:22:07

字体：大中小

来源：转载

供稿：网友

在一组下拉列表框中使用checkbox复选框，有时候或许我们要用到这种功能，不妨收藏一下。

<html><head><title>在下拉列表框中使用复选框</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:98%;display:block;background-color:highlight;color:highlighttext;}.nock{	margin:1px;padding:2px;width:98%;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>

上一篇：双击文字出现编辑文本框的JS代码

下一篇：用JavaScript检测上传文件类型