javascript - 复选框将所有选项而不是一个存储到数据库中

Question

目前，当我只选择了一个选项(例如 C)时，我的复选框值以 ["A","B","C"] 的形式存储到数据库中。另外，我还有一个问题——有什么办法可以将它存储为 ABC 吗？

$(document).ready(function() {
  "use strict";

  var role;
});

function savenewuser() {
  var url = serverURL() + "/newadmin.php";
  checklist = new Array();
  $('input:checkbox[name="roles[]"]').each(function() {
    checklist.push($(this).val());
  });

  role = JSON.stringify(checklist);

  $.ajax({
    url: url,
    type: 'GET',
    data: {
      "role": role,
    },
    success: function(arr) {
      _getNewUserResult(arr);
    },
    error: function() {
      alert("error");
    }
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div><label for="rights">Rights</label></div>
<input type="checkbox" name="roles[]" value="A">Bookings
<input type="checkbox" name="roles[]" value="B">Incident Booking
<input type="checkbox" name="roles[]" value="C">Edit User

Answer 1

您正在保存所有复选框:

$('input:checkbox[name="roles[]"]').each(function() {
    checklist.push($(this).val());
});

尝试只保存 :checked 的:

$('input:checkbox[name="roles[]"]:checked').each(function() {
    checklist.push($(this).val());
});