php - 如何调用动态设置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>