php - Ajax, jQuery - 选中或取消选中复选框时更新数据库

Question

我有一个系统可以让管理员为特定折扣类型设置折扣启用或禁用，折扣值已在数据库中设置：

<li>Discount For Items</li>
<li><input type="checkbox" class="discount" value="1"></li>

<li>Discount For General Ordesr</li>
<li><input type="checkbox" class="discount" value="2"></li>

<li>Discount For Preferred Customer</li>
<li><input type="checkbox" class="discount" value="2"></li>

我想 enable使用 jQuery/Ajax 更新行（布尔值），如果它是checked然后执行 selected discount type，如果是uncheckeddisable discount type。
我真的需要你的帮助，希望我的解释是可以理解的。

Answer 1

you can try something like this:

$(document).ready(function(){
  $('input.discount').change(function(){

    $this = $(this);

    $.post(
      "my-php-file.php",
      {
        value: $this.val(),
        checked: $this.is(':checked')
      },
      function(data){
        // do something with returned data
      },
      'json'
    );
  });
});

Answer 2

使用 jQuery，你可以做这样的事情，但是你需要你的服务器端逻辑（服务）来进行实际的数据库操作（我们将discount-type作为一种类型与 AJAX POST 请求一起传递）。

    <li>Discount For Items</li>
    <li><input type="checkbox" class="discount" data-discount-type="all" /></li>

    <li>Discount For General Ordesr</li>
    <li><input type="checkbox" class="discount" data-discount-type="general" /></li>

    <li>Discount For Preferred Customer</li>
    <li><input type="checkbox" class="discount" data-discount-type="customer" /></li>

    // JavaScript
    $(function(){
       var url = 'my-php-file.php';

       $('input:checkbox').on('click', function(){
           var $this = $(this);
       if($this.prop('checked'))
          $.post(url,{type : $this.data('discount-type') }).done(function(response){
             // success custom logic
          });
      });
    });