2017-10-16 10 views
0

データベースからデータを出力するループがあります。 checkboxがあるフォームがあり、checkboxをクリックするとbuttonがトリガーされ、 "button"が既にデータを転送しています。自動ボタン呼び出しの作成方法jQuery?

質問は、私たちがidでcheckboxをクリックした場合(その後、id=77buttonが自動にクリックします、id=77checkboxので、もし)buttonに自動クリックです。

私はそれがJSを修正する方法、動作しない?

$("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>

もちろん(三つの形式は、例えば、複製)、このような何かをしようとしましたか

+0

あなたは本当に同じIDを持つ複数の要素を持つべきではありません。あなたのコードをリファクタリングする必要があります。 –

答えて

3

ES6を使用している場合、あなたは何ができる - 他>

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

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

ありがとうございます。すべてが完璧に動作します。 –

0

あなたは、この行でエラーを持っている$('form button[id='value2']')

+0

バグの内容と修正方法を説明する必要があります。 – Barmar

関連する問題