Php 使用jQueryAjax将更改时单选按钮的值保存到数据库中？

我有这样的标记。在这里你可以看到我有一个表格，里面有两个单选按钮。在表单中，我没有任何提交按钮。我想将更改时单选按钮的值保存到数据库中。我的意思是说，当我选择任何单选按钮时，它的值将保存到ajax中的数据库中

<form action="">
<div class="radio show-options">
  <label>
    <input type="radio" name="active" id="show_popup" value="1">
  </label>
</div>
<div class="radio show-options">
 <label>
    <input type="radio" name="active" id="show_slider" value="0" checked="checked">
 </label>
</div>
</form>

到目前为止，在jQuery中我已经有了这段代码

jQuery('input[type="radio"]').on('click', function() {
    var SelectedValue = jQuery(this).attr("id");
    console.log(SelectedValue);
  });
});

---

有人能告诉我如何使用ajax将值保存到数据库中吗？任何帮助和建议都是非常值得的。谢谢

您是否尝试过在任何地方搜索它？

<form action="">
<div class="radio show-options">
  <label>
    <input type="radio" name="active" id="show_popup" value="1" onclick="save_val('1')">
  </label>
</div>
<div class="radio show-options">
 <label>
    <input type="radio" name="active" id="show_slider" value="0" checked="checked" onclick="save_val('0')">
 </label>
</div>
</form>

function save_val(va) {
    $.ajax({
        url: "save_val.php?option="+va,
        type: "POST",
        processData: false,
        contentType: false,
    }).done(function(respond){

    });
}

<form action="">
<div class="radio show-options">
  <label>
    <input type="radio" name="active" id="show_popup" value="1" onclick="save_val('1')">
  </label>
</div>
<div class="radio show-options">
 <label>
    <input type="radio" name="active" id="show_slider" value="0" checked="checked" onclick="save_val('0')">
 </label>
</div>
</form>

function save_val(va) {
    $.ajax({
        url: "save_val.php?option="+va,
        type: "POST",
        processData: false,
        contentType: false,
    }).done(function(respond){

    });
}

mysql_query("insert into slide_options set options_type = '".$_GET['option']."'");