發送選中的複選框ID到數據庫使用jQuery的

Question

我有一個清單，用戶需要檢查多個複選框，然後我應該計算每個複選框的總價格並顯示它。問題是我應該將選中的複選框插入數據庫。所以當我使用isset（）函數時，我有一個錯誤。所以我想用jQuery來代替，並將檢查的ID發送到數據庫，但我不知道該怎麼做。

<form method="post" action="#"> 
      <div class="agileinfo_services_grids"> 
       <?php 
        $sql = "SELECT * FROM services"; 
        $result = mysqli_query($connection, $sql); 
        $num_rows = mysqli_num_rows($result); 

        if($num_rows > 0) { 
         while ($row = mysqli_fetch_assoc($result)) { 

          $price = $row['price']; 
          $id = $row['id']; 
          echo "<div class='col-md-4 agileinfo_services_grid'> 
            <div class='agileinfo_services_grid1'> 
             <div class='price'><h3>$" . $row['price'] . "</h3></div> 
             <h4>" . $row['title'] . "</h4> 
             <p>" . $row['details'] . "</p> 
             <div class='agileinfo_services_grid1_pos'> 
              <input id='$id' name:'checkbox[]' class='icon-checkbox my-activity' type='checkbox' value='$price'/> 
              <label for='$id'> 
               <span class='glyphicon glyphicon-unchecked unchecked'></span> 
               <span class='glyphicon glyphicon-check checked'></span> 
              </label> 
             </div> 
            </div> 
           </div>";    
         } 
        } else { 
         echo "No Current Services Available"; 
        } 
       ?> 
      </div> 
      <div class="total"> 
      <div class="total-left"> 
       <p>Total :<span>$<input type="text" id="amount" readonly></span> 
      </div> 
      <div class="total-right"> 
       <input type="submit" value="Check Out" name="submit"> 
      </div> 
      <div class="clear"> </div> 
     </div> 
     </form> 

下面是我用來計算複選框總價格的函數。我怎樣才能修改它發送到數據庫的檢查框的ID。

<script type="text/javascript"> 
    $(document).ready(function() {   
     $(".my-activity").click(function(event) { 
      var total = 0; 
      $(".my-activity:checked").each(function() { 
       total += parseInt($(this).val()); 
       $.post("services.php", {id: this.id, checked:this.checked}); 
      }); 

      if (total == 0) { 
       $('#amount').val(''); 
      } else {     
       $('#amount').val(total); 
      } 
     }); 
    });  
</script> 

Answer 1

按照此步驟將選定的ID發送到數據庫。

HTML：

<div id="checkboxes"> 
    <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1 
    <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2 
    <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3 
    <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4 
</div> 

使用此的jQuery腳本：

var selected_ids = []; 
$('#checkboxes input:checked').each(function() { 
    selected_ids.push($(this).attr('id')); 
}); 

/* to sending ids to database using ajax */ 
$.ajax({ 
    type: 'POST', 
    url: 'test.php', 
    data: { selected_ids: selected_ids }, 
    success: function(response) { 
     alert(response); 
    } 
});