set javascript div id to increasing var

Question

我在PHP中有一個循環表單，我想通過javascript提交。問題是，每個ID似乎都需要他們自己的單獨的JavaScript提交代碼。

PHP代碼：

$i = 0; 
while ($i < $num) { 
    $j = $i + 1; 
    echo "<form id='form".$j."' name='form3' method='post' action='post.php'> 
    <input type ='checkbox' name='box1' value = 'useless' >&nbsp;Useless</input> 
    <input type='submit' name= 'submit' id='submit' value='Submit' /> 
    </form>"; 
    $i++; 
} 

的Javascript不工作：

var x = 2; 
var y = '<?php echo $num; ?>'; 
while (x <= y) { 
    $(document).ready(function() { 
     $("#form" + x).on("change", "input:checkbox", function() { 
      $("#form" + x).submit(); 
     }); 
    }); 
    x++; 

Answer 1

因爲要創建一個爲每個表單提交按鈕，但你似乎想觸發提交時的複選框更簡單的解決方案可能是：

$('[name="box1"]').change(function() { 
 
     $(this).next().click(); 
 
}); 
 

 

 
// this is just here to demonstrate that all of the forms will not be submitted at once in response to your comment 
 
$('form').submit(function(e){ 
 
     e.preventDefault();  
 
     $('#result').append('submitted form with id '+ $(this).attr('id')+'<br>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form id="form1" name="form1" method="post" action="post.php"> 
 
    <input type="checkbox" name="box1" value="useless"/>Useless 
 
    <input type="submit" name="submit" id="submit" value="Submit" /> 
 
</form> 
 

 

 

 
<form id="form2" name="form2" method="post" action="post.php"> 
 
    <input type="checkbox" name="box1" value="useless"/>Useless 
 
    <input type="submit" name="submit" id="submit" value="Submit" /> 
 
</form> 
 

 

 
<form id="form3" name="form3" method="post" action="post.php"> 
 
    <input type="checkbox" name="box1" value="useless"/>Useless 
 
    <input type="submit" name="submit" id="submit" value="Submit" /> 
 
</form> 
 

 
<br> 
 
<div id="result"><div>

順便說一句，<input type ='checkbox' name='box1' value = 'useless' >&nbsp;Useless</input>應該是<input type ='checkbox' name='box1' value = 'useless' />&nbsp;Useless。

輸入是void element並沒有關閉標籤