【发布时间】：2017-02-25 20:51:29
【问题描述】：
我正在创建一个接口，该接口将从 2 个不同的数据库中获取数据，将该数据提供给该接口，并使用该接口来确定将哪条信息存储到一个新的数据库中。 （基本上是创建一个系统来合并数据库，但用户可以选择将哪些数据传递给新数据库。）在这个界面中，还有一个文本框，因此用户可以输入数据，以防两个数据库都有不正确的数据。
目前我只使用 2 个数据库的一部分，并希望实现一种复选框系统，用户将选中一个框以选择数据，如果他们想要另一个复选框，则前一个复选框将转到错误的。
我找到了一种方法，但它会采用整个表格，一旦你尝试使用另一个表格行，它就会崩溃。我想尝试让每个表格行的 JS 独立。有没有办法对每一行实施这种机制？这是我当前的代码：（Ps. HTML 曾经是 PHP 文件）
HTML：
<html>
<head>
<script src="jquery-1.12.4.min.js"></script>
<script src="formAdd.js"></script>
<link rel="stylesheet" type="text/css" href="dbInfo.css">
<title>Database 1</title>
</head>
<body>
<form name="contactform" method="post" action="">
<table id="Forms" width="100%">
<col width="10%" >
<col width="30%" >
<col width="30%" >
<col width="30%" >
<tr>
<th style="background-color:#7FCCCC"> Fields </th>
<th style="background-color:#7FCCCC"> DB 1 </th>
<th style="background-color:#7FCCCC"> DB 2 </th>
<th style="background-color:#7FCCCC"> DB Nueva </th>
</tr>
<tr style="background-color:#CCCCCC">
<td style="font-weight:bold"> Fecha UTC </td>
<td> <input type="checkbox" name="FechaUTC1" onclick="CopyF(this.form)" value="September 14" align="right"> September 14 </td>
<td> <input type="checkbox" name="FechaUTC2" onclick="CopyF2(this.form)" value="November 17" align="right"> November 17 </td>
<td> <input type="text" name="FechaUTC3" size="60"> </td>
</tr>
</table>
<!-- <tr>
<td style="font-weight:bold"> Fecha Local </td>
<td> <input type="checkbox" name="FechaLoc1" onclick="CopyFLoc(this.form)" value="<?php echo $test ?>" align="right"> Septiembre 13, 2016 23:06:31 Hora Local </td>
<td> <input type="checkbox" name="FechaLoc2" onclick="CopyFLoc3(this.form)" value="<?php echo $test ?>" align="right"> Noviembre 14 2016 23:06:31 Hora Local </td>
<td> <input type="text" name="FechaLoc3" size="60"> </td>
</tr>
-->
</table>
<p>
<input type="submit" value="Submit">
</p>
</form>
</body>
</html>
JS：
function CopyF(f) {
if(f.FechaUTC1.checked == true) {
f.FechaUTC3.value = f.FechaUTC1.value;
if(f.FechaUTC2.checked == true)
f.FechaUTC2.checked = false;
}
}
function CopyF2(f) {
if(f.FechaUTC2.checked == true) {
f.FechaUTC3.value = f.FechaUTC2.value;
if(f.FechaUTC1.checked == true)
f.FechaUTC1.checked = false;
}
}
【问题讨论】：
-
另外，我相信您的功能的第一部分可以通过使用单选框而不是复选框来完成。
标签： javascript php html merge html-table