データベースからデータを出力するループがあります。 checkbox
があるフォームがあり、checkbox
をクリックするとbutton
がトリガーされ、 "button"が既にデータを転送しています。自動ボタン呼び出しの作成方法jQuery?
質問は、私たちがidでcheckbox
をクリックした場合(その後、id=77
とbutton
が自動にクリックします、id=77
checkbox
ので、もし)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>
もちろん(三つの形式は、例えば、複製)、このような何かをしようとしましたか
あなたは本当に同じIDを持つ複数の要素を持つべきではありません。あなたのコードをリファクタリングする必要があります。 –