在下拉列表框中使用復選框

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檢測上傳文件類型