我有一个 HTTP 接口页面,要求用户上传各种独立文件。为此,我创建了多个表格,每个表格都有自己的表格。
在其中两个表中,我需要一个复选框,每个复选框允许用户选择它,然后需要在系统启动时安装文件。
两张表用于上传系统固件,一张用于主固件,另一张用于备份固件。
如果同时上传两个固件,系统将崩溃,因此需要单独的表格。
由于这个崩溃问题,对于两个复选框,它需要:一个被选中,或者另一个被选中,或者没有被选中。
这是一个示例 html 代码:
<body>
<div id="container">
<table width="1000" border="0" cellpadding="1" class="uploadBox">
<tr>
<td width="460" rowspan="2">
<form action="fileupload.html" method="post" enctype="multipart/form-data">
<b>Update Primary System Firmware</b>
<p style="margin-bottom: 2px"> <b>File: </b>
<input type="file" name="firmwaremain" size="30" />
<input type="submit" value="Upload" />
</p>
</td>
<td width="210" height="23">Current File Name:</td>
<td width="117">Current File Size:</td>
<td width="102">File Upload Date:</td>
<td width="93">Install on Start</td>
</tr>
<tr>
<td>~curFirmName~</td>
<td width="117">~curFirmSize~</td>
<td width="102">~curFirmDate~</td>
<td width="93"><input type="checkbox" name="firmPrim" id="firmPrim" /></td>
</tr>
</table>
</form>
<table width="1000" border="0" cellpadding="1">
<tr>
<td width="460" rowspan="2">
<form action="fileupload.html" method="post" enctype="multipart/form-data">
<b>Update Backup System Firmware</b>
<p style="margin-bottom: 2px"><b>File: </b>
<input type="file" name="firmwarebackup" size="30" />
<input type="submit" value="Upload" />
</p>
</td>
<td width="210" height="23">Current File Name:</td>
<td width="117">Current File Size:</td>
<td width="102">File Upload Date:</td>
<td width="93">Install on Start</td>
</tr>
<tr>
<td>~curBackName~</td>
<td width="117">~curBackSize~</td>
<td width="102">~curBackDate~</td>
<td width="93"><input type="checkbox" name="firmBackup" id="firmBackup" /></td>
</table>
</form>
</div>
如您所见,它们的复选框采用两种独立的形式,因此我很难运行 JavaScript 代码,因为(我认为)它要求复选框采用一种形式。
我也不能使用单选按钮,因为它们的形式不同,而且必须有一个选项不能被选中。
有没有办法验证整个页面并检查所有表单,以便在页面上只能选择一个复选框?
谢谢!
问候,乔什