比较来自世界各地的卖家的域名和 IT 服务价格

允许我只选择一个 checkbox. 1 checkbox 每种独立形式,都在一页上

我有一个接口页面 HTTP, 这需要用户下载各种独立文件。 为此,我创建了多个表,每个表都有自己的表单。

在两个表中,我需要一个 checkbox 每个允许用户选择它,然后要求在启动系统时设置文件。

这两个表都设计为下载系统固件,一个表为基本固件,另一个表格用于备份固件。

如果将下载两个固件,则系统将失败,因此,单独的表单。

由于这个问题,两个标志的失败它必须是:选择一个,或者选择另一个标志,或者选择另一个标志,或者没有选择它们。

这是一个示例代码 html:


<body>
<div id="container">
<table border="0" cellpadding="1" class="uploadBox" width="1000">
<tr>
<td rowspan="2" width="460">
<form action="fileupload.html" enctype="multipart/form-data" method="post">
<b>Update Primary System Firmware</b>
<p style="margin-bottom: 2px"> <b>File: </b>
<input name="firmwaremain" size="30" type="file"/>
<input type="submit" value="Upload"/>
</p>
</form></td>
<td height="23" width="210">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 id="firmPrim" name="firmPrim" type="checkbox"/></td>
</tr>
</table>

<table border="0" cellpadding="1" width="1000">
<tr>
<td rowspan="2" width="460">
<form action="fileupload.html" enctype="multipart/form-data" method="post">
<b>Update Backup System Firmware</b>
<p style="margin-bottom: 2px"><b>File: </b>
<input name="firmwarebackup" size="30" type="file"/>
<input type="submit" value="Upload"/>
</p>
</form></td>
<td height="23" width="210">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 id="firmBackup" name="firmBackup" type="checkbox"/></td>
</tr></table>

</div>


如您所见,这些复选框有两个独立的表单,因此我很难运行代码 JavaScript, 因为 /我认为/ 它要求标志处于一种形式。

此外,我不能使用交换机,因为它们具有不同的形式,加上必须有一个选项,以便没有选择它们。

有没有办法检查整个页面并检查所有表单,以便在页面上只安装一个复选框吗?

谢!

尊重地,
乔什
</body>
已邀请:

莫问

赞同来自:

将单击处理程序添加到两个转移复选框的标志 checkbox 在另一种形式中,如果检查复选框 checkbox:


var primCheck = document.forms[0].firmPrim;
var backCheck = document.forms[1].firmBackup;
primCheck.onclick = checkClick;
backCheck.onclick = checkClick;

function checkClick/e/ {
var otherCheckbox = this === primCheck ? backCheck : primCheck;
if /this.checked/ {
otherCheckbox.checked = false;
}
}


工作示范:

http://jsfiddle.net/QM6sy/1/
/

要回复问题请先登录注册