Question

我正在使用ajax项目。我有一个用户名，地址，邮政编码。输入匹配行的名称，地址或邮政编码时，将在.j /文件中显示。

依此类推选择我想要做进一步活动的复选框。

我的HTML代码是

Address : <input type="text" name="user_name" id="from_location" value="" class="in_form" />
 <div id="user"></div>

和jQuery代码是

$.ajax({
                url: "ajax_user.php",
                data: {
                    address: address,

                 },
                dataType: "html",
                type: "POST",
                success: function(result){
                        $("#user").append(result);
                    }
                })
            }

和ajax用户php是

$sql= "SELECT * FROM instructor_mst WHERE sex='$sex' AND car_type='$car_type' AND address Like '%$address%' ";
        if (!$sqli=mysql_query($sql)){
            echo mysql_error();
        }
        $num_rows= mysql_num_rows($sqli);
        if($num_rows != 0)
        {?>
        <table border="0" class="form_ins" >
        <?
        while ($row = mysql_fetch_array($sqli)) 
        {

        ?>    
        <tr>
            <td>

            </td>
            <td>
                Name
            </td>   

            <td>
                Address
            </td>



        </tr>
        <tr>
            <td>
                <input type="checkbox" name="select" value"<?php echo $row['id'];?>"> 
            </td>
            <td>
                <?php echo $row['name'];?>
            </td>   

            <td>
                <?php echo $row['address'];?>
            </td>



        </tr>
        </table
        <?}

结果我喜欢

复选框|用户名|地址

现在选择我要为其他活动提交的复选框.... 我没有得到我怎么能这样做...所有的答案都将成为现实

Answer 1

正在动态添加复选框 -

 $(document).on('change','input[type=checkbox]',function(){
       if($(this).is(':checked')){
         // do something
       }
 });

或者如果你有一个复选框的ID -

$(document).on('change','#checkBoxID',function(){
   if($(this).is(':checked')){
     // do something
   }
});

Answer 2

您需要使用on委托点击事件动态添加元素，这是您案例中的复选框

 $(document).on('click','input[name="select"]',function(){
       //this is called when you select the checkbox
       //do your stuff
 })

或将其委托给最近的静态元素

 $('#user').on('click','input[name="select"]',function(){
     //dou your stuff
 });

<强>更新

复选框可能有多个值，因此要获取您需要遍历值的所有值，或使用map（）

试试这个

   $('#user').on('click','input[name="select"]',function(){
     var  selectedValue = $("input[name='select']:checked").map(function(n){
            return this.value;
     });
     console.log(selectedValue );  //this will print array in console.
     alert(seletedValue.join(',')); //this will alert all values ,comma seperated
   });

使用由Ajax创建的复选框

2 个答案: