Question

有一个从数据库输出数据的循环。有一种形式，其中有一个checkbox，如何使点击checkbox触发button点击，然后“按钮”已经传输我们的数据。

的问题是在上button自动点击，如果我们点击了checkbox通过ID（所以如果checkboxid=77，然后用button将id=77全自动点击）。

我试图做这样的事情，（重复例如三种形式）

$("form input[type='checkbox']").on('click', function(){ 
 
var value2 = $(this).attr("id"); 
 
    $('form button[id='value2']').trigger('click'); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tbody> 
 
<?foreach ($table as $rows) {?> 
 
<tr> 
 
<td> 
 
<form method="post" action="eventcheck.php?id=<?=$_GET['id']?>" enctype="multipart/form-data"> 
 
       <label class="switch"> 
 
        <input type="checkbox" name="checkbox1" id="77"> 
 
        <span class="slider round"></span> 
 
       </label> 
 
       <input hidden="text" name="id" value="<?=$rows['id']?>" /> 
 
       <button hidden="submit" name="do_checkbox" id="77"></button></form> 
 
</td> 
 
    <td> 
 
<form method="post" action="eventcheck.php?id=<?=$_GET['id']?>" enctype="multipart/form-data"> 
 
       <label class="switch"> 
 
        <input type="checkbox" name="checkbox1" id="78"> 
 
        <span class="slider round"></span> 
 
       </label> 
 
       <input hidden="text" name="id" value="<?=$rows['id']?>" /> 
 
       <button hidden="submit" name="do_checkbox" id="78"></button></form> 
 
</td> 
 
<td> 
 
    <form method="post" action="eventcheck.php?id=<?=$_GET['id']?>" enctype="multipart/form-data"> 
 
       <label class="switch"> 
 
        <input type="checkbox" name="checkbox1" id="79"> 
 
        <span class="slider round"></span> 
 
       </label> 
 
       <input hidden="text" name="id" value="<?=$rows['id']?>" /> 
 
       <button hidden="submit" name="do_checkbox" id="79"></button></form> 
 
</td> 
 
</tr> 
 
<?}?> 
 
</tbody>   
 
</table>

但当然这是行不通的，如何正确的js？

Answer 1

如果使用ES6，你可以这样做 - >

$(`form button[id=${value2}]`).trigger('click'); 

其他

$("form button[id=" + value2 +"]").trigger('click'); 

Answer 2

你在这一行有错误$('form button[id='value2']')