使用 jquery 将动态生成的复选框值发布到 php

Question

我确实有一个从 MySQL 表值动态生成的表。每个列出的记录都有一个复选框。

list.php

$query="SELECT * FROM drivers ORDER BY name";
$query=$mysqli->query($query);
$queryN=mysqli_num_rows($query);
if($queryN!=0){
   while($row=mysqli_fetch_assoc($query)){
       $id=$row['id'];
       $name=$row['name'];

       $output .='<tr id="'.$id.'">
                  <td>'.$name.'</td>
                  <td><input type="checkbox" name="assign" class="assigned" value='.$id.'"/></td>
                  </tr>';
  }
}else{
       $output .='<tr>
                  <td colspan="2">No data found</td>
                  </tr>';
}

HTML 文件

<input type="button" name="send" id="send" value="Send" />

现在 JQuery 脚本将只发送表格中选中复选框的值：

<script>

$(document).ready(function(){
    $('.send').click(function(){

        var checkValues = $('input[name=assign]:checked').map(function()
        {
            return $(this).val();
        }).get();

        $.ajax({
            url: 'assigndriver.php',
            type: 'post',
            data: { ids: checkValues },
            success:function(data){

            }
        });
    });
});

</script>

最后，PHP 文件 assigndriver.php 将插入带有仅选中复选框的值的数组：

   include "../connect_to_mysql.php";

   $id = array();

   if(isset($_POST['ids'])){

    $id  = $_POST['ids'];
        for ($i = 0; $i < count($id); $i++) {
             $id_new = $id[$i];
             $sql="INSERT INTO teste (campo) VALUES ('$id_new')";    
        }     
    }

好吧，我想知道为什么它不工作，如果以这种方式复选框的正确值，那一定是变量 $id 被正确发布到 PHP 文件。

谢谢

Answer 1

尝试改变：

$('.send').click(

到：

$('#send').click(

因为您将 id="send" 而不是 class="send" 分配给您的输入按钮

Answer 2

您应该将复选框的名称更改为 name="something[]"。所以它会知道它是一个数组，并且值会正确发布。希望对您有所帮助。

Answer 3

将每个选中复选框的值发布到 PHP 文件的正确方法是执行以下脚本：

$(document).ready(function(){
    $('#btnadd').click(function(){

        var checkValues = $('input[name="assign[]"]:checked').map(function()
        {
            return $(this).val();
        }).get();

        $.ajax({
            url: 'assigndriver.php',
            type: 'post',
            data: { ids: checkValues },
            success:function(data){

            }
        });
    });
});

另外，我们需要更改 PHP 文件中的动态输出：

$output .='<td align="center"><input type="checkbox" name="assign[]" id="add_driver'.$id.'" value="'.$id.'"/></td>';

如果选中复选框，则值将正确发布。

Answer 4

在 jquery 中，您使用 id send 调用发送按钮，但在调用函数时，您使用 . 运算符 insted of # 运算符。

区别

  the difference between "." operator and "#" operator is when you calling a 
  class you should use "."  operator.

  Example:
          HTML:
               <input type="button" name="send" class="send" value="Send" />  

         JQUERY:
                $('.send').click(function(){

                     //insert your code here..
                });


  but if you are going to call an id of a html element than use "#" operetor  

  Example: 
          HTML:
               <input type="button" name="send" id="send" value="Send" 
                onclick="send_data();" />



         JQUERY:
                 function send_data(){
                 $('#send').click(function(){

                     //insert your code here..
                });}

希望对你有帮助……