如何调用动态设置id值的checkbox id

时间:2017-08-30 03:16:18

标签: php mysql ajax checkbox

我从mysql调用数据并使用php

动态设置checkbox id
<?php
    if (isset($sls_data)) {
       foreach ($sls_data as $data) {
?>          
       <div class="checkbox col-md-3 col-sm-2 col-xs-3">                                                                
          <label class="control-label">
              <input type="checkbox" name="<?= $data->SLSGROUP ?>" id="<?= 
               $data->SLSGROUP ?>" value="true">
               <?= $data->SLSGROUP ?>
          </label>
       </div>
   <?php
      }
    }
 ?>

我想用就像 var i= $("#id).val();

我该如何使用它。而且我必须保存在mysql数据库中

1 个答案:

答案 0 :(得分:0)

第一首先,您的id属性是动态的,因此我们无法在jquery中对ID进行硬编码,因此您只需对所有复选框使用相同的类名

第二名:为该类名编写Onclick事件处理程序。

第3次:点击复选框时,选中此$(this).is(':checked');以查看是否已选中复选框。

&#13;
&#13;
$(document).on('click','.checkbox_grp',function(){

      if($(this).is(':checked'))
      console.log('checked true  '+1);
      else
       console.log('checked false  '+0);

});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="checkbox col-md-3 col-sm-2 col-xs-3">                                                                
          <label class="control-label">
              <input type="checkbox" class="checkbox_grp" name="name1" id="1" value="true">
              checkbox1
          </label>
       </div>
 <div class="checkbox col-md-3 col-sm-2 col-xs-3">                                                                
          <label class="control-label">
              <input type="checkbox" class="checkbox_grp" name="name2" id="2" value="true">
              checkbox2
          </label>
       </div>
&#13;
&#13;
&#13;