使用由Ajax创建的复选框

Question

我正在使用ajax项目。 我有一个用户名称，地址，邮政编码的形式。 输入名称，地址或邮政编码匹配的行由ajax文件显示。

等等选择复选框我想做一些进一步的活动。

我的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 
     <?} 

的结果我得到了像

复选框|用户名|解决

现在开始选择我要提交其他活动的复选框.... 我没有得到我怎么能做到这一点...所有的答案将appreicieted

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

你需要委派使用click事件210动态添加元素是复选框在您的情况

$(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 
}); 

值检查你需要循环的值或使用地图（）

试试这个

$('#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 
    });