Как получить данные multi checkbox jquery show modal bootstrap

Question

Я хочу показать данные multi select checkbox и показать данные из базы данных на модальном бутстрапе?

индекс (PHP)

Javascript Код

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $("#btnDetail").click(function() 
    { 
     $('#modalForm').modal('show').on('shown.bs.modal',function() 
     { 
      var data = $("#data").val(); 
      $.post('page/user/detail_user.php', 
      { 
       id_data:$(this).attr(data) 
      }, 
      function() 
      { 
       $('.modal-body').html(data); 
      }); 
     });  
    }); 
}); 
</script> 

Данные пользователя

<table width="100%" border="1"> 
    <tbody> 
     <tr> 
      <td width="3%" align="center">&nbsp;</td> 
      <td width="97%" align="center">NAME</td> 
     </tr> 
     <?php 
     $qry = mysql_query("SELECT * FROM t_users"); 
     while($data = mysql_fetch_array($qry)) 
     { 
     ?> 
      <tr> 
       <td align="center"><input type="checkbox" name="data[]" id="data[]" value='<?php echo $data['id']?>'></td> 
       <td><?php echo $data['name']?></td> 
      </tr> 
     <?php 
     } 
     ?> 
    </tbody> 
</table> 
<button id='btnDetail' name='btnDetail'>Detail User</button> 

Модальные

<div class="modal fade" id="modalForm" name='modalForm' tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
       <h4 class="modal-title blue" id="myModalLabel"></h4> 
      </div> 
      <div class="modal-body"> 
      </div> 
      <div class="modal-footer"> 
      </div> 
     </div> 
    </div> 
</div> 

Detail пользователя (PHP)

<?php 
$id = $_POST['id_data']; 

$qry = mysql_query("SELECT * FROM t_users WHERE id='$id'"); 
while($data = mysql_fetch_array($qry)) 
{ 
?> 
<table width="100%" border="1"> 
    <tbody> 
    <tr> 
     <th colspan='3'> 
      Detail Data Users 
     </th> 
    </tr> 
    <tr> 
     <td>ID</td> 
     <td>NAME</td> 
     <td>STATUS</td> 
    </tr> 
    <tr> 
     <td><?php echo $data['id']?></td> 
     <td><?php echo $data['name']?></td> 
     <td><?php echo $data['status']?></td> 
    </tr> 
    </tbody> 
</table> 

<?php 
} 
?> 

Сценарий:
При нажатии кнопки Detail Пользователь выберите команду Выполнить Jquery и значение флажок, а затем отправить модальный самозагрузки, то постить Jquery запуска кода PHP, чтобы показать выводить данные из базы данных по модальному бутстрапу.

Answer 1

Вот подсказки, чтобы исправить эту проблему:

1. ID в HTML должен быть уникальным. (Не как идентификатор "data []" для всех флажков)
2. this является контекстуальным. Итак, когда вы используете в функции начальной загрузки, это, вероятно, (я должен был бы обеспечить) не означает предыдущую функцию jQuery.
3. Вам следует управлять извлечением значений всех отмеченных ячеек.
4. Код PHP должен использовать оператор IN для идентификатора.