允许我只选择一个 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>
2021-03-20 添加评论
分享

没有找到相关结果

    已邀请:

    莫问

    赞同来自:

    将单击处理程序添加到两个转移复选框的标志 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/
    /
    2021-03-20 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2023, All Rights Reserved