如何调用动态设置 id 值的复选框 id

Question

我从 mysql 调用数据并使用 php 动态设置复选框 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数据库中

Answer 1

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

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

第三个：当点击复选框时像这样检查$(this).is(':checked');知道复选框是否被选中。

$(document).on('click','.checkbox_grp',function(){

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

});

<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>