Question

我是jquery的新手，javascript.please帮我解决了这个错误。单击复选框（超过3次）时，它会多次附加单元格。提前致谢。请帮我。 *它不止一次附加细胞

function suma()
{ 
alert("hi");
$('#one').on("click", function(){
        $('#one input:checked').parent().parent().appendTo("#two");
        $("#two tr").append("<td> a </td>","<td> b</td>","<td> c</td>");
});
}

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
</head>
<body>

<input type="submit" value="submit" onclick="suma()"/> 

<table id="one" border="1">
<tr>
<td> <input type="checkbox"></td>
<td>1</td>
<td> 2</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td> 3</td>
<td> 4</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td> 5</td>
<td> 6</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>7</td>
<td> 8</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>11</td>
<td>12</td>
</tr>

</table>
<table id="two" border="1">
<th> msg1</th>
<th> msg2</th>
<th> msg3</th>
<th> msg4</th>
<th> msg5</th>
<th> msg6</th>
</table>
</body> 
</html>

Answer 1

好吧，我不知道为什么你在函数内部有你的jquery点击事件。

用以下功能替换您的功能：

function suma(){ 
    $('#one input:checked').parent().parent().appendTo("#two");
    $("#two tr").append("<td> a </td>","<td> b</td>","<td> c</td>");
}

Answer 2

检查div（#two）是否已经没有表（“＃one”）然后用find函数添加它然后检查表是否没有这个tr然后添加它是carful你添加表取决于如果哪个会导致多个具有相同的id，那么依赖于类更喜欢。

parse_str($_POST, $allFormData);
print_r($allFormData['data']);

Answer 3

您需要附加其他文字，然后需要附加到#two
请尝试以下代码，

function suma()
{

 var row = $('#one input:checked').parent().parent().append("<td> a </td><td> b</td><td> c</td>");
 
 row.appendTo("#two");
        

}

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
</head>
<body>

<input type="submit" value="submit" onclick="suma()"/> 

<table id="one" border="1">
<tr>
<td> <input type="checkbox"></td>
<td>1</td>
<td> 2</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td> 3</td>
<td> 4</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td> 5</td>
<td> 6</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>7</td>
<td> 8</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>11</td>
<td>12</td>
</tr>

</table>
<table id="two" border="1">
<th> msg1</th>
<th> msg2</th>
<th> msg3</th>
<th> msg4</th>
<th> msg5</th>
<th> msg6</th>
</table>
</body> 
</html>

Answer 4

我认为你在寻找这个。

＆＃13;

$('#one').on("click", function(){
        $('#one input:checked').parent().parent().appendTo("#two");
        $("#two tr").append("<td> a </td>","<td> b</td>","<td> c</td>");
});

＆＃13;

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

<input type="submit" value="submit" onclick="suma()"/> 

<table id="one" border="1">
<tr>
<td> <input type="checkbox"></td>
<td>1</td>
<td> 2</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td> 3</td>
<td> 4</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td> 5</td>
<td> 6</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>7</td>
<td> 8</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>11</td>
<td>12</td>
</tr>

</table>
<table id="two" border="1">
<th> msg1</th>
<th> msg2</th>
<th> msg3</th>
   
</table>
</body> 
</html>

＆＃13;

Answer 5

试试这个，

[SwaggerResponse(HttpStatusCode.Unauthorized, "Authorization has been denied for this request")]

工作example

希望有所帮助，

在jquery中追加行时重复

5 个答案: