jQuery 获取选中多选框的value，合并成字符串传给后台

1.HTML部分

<div class="form" id="form">
  <label>
    <input type="checkbox" name="role" value="管理员1">
    管理员1
  </label>
  <label>
    <input type="checkbox" name="role" value="管理员2">
    管理员2
  </label>
  <label>
    <input type="checkbox" name="role" value="管理员3">
    管理员3
  </label>
  <br>
  <br>
  <button class="submit">提交</button>
</div>

2.JS部分

$(function () {
  $('.submit').click(function () {
    let value = [];

    // 根据name的值获取到所有选中checkbox，并遍历
    $("#form input:checkbox[name='role']:checked").each(function (i) {
      value[i] = $(this).val();
    });

    // 将数组转成字符串
    let valueString = value.toString();

    console.log(value);
    console.log(valueString);

    $.ajax({
      url: '/api',
      type: 'get',
      data: {
        role: valueString
      },
      success: function() {},
      error: function() {}
    });
  });
});

3.效果图

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。