javascript - 使用 Ajax 和 PHP 保存多个复选框值

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 3 年前。

Improve this question

准确地说，我有多个复选框 32。

<input type="checkbox" class="custom-control-input" id="m1"> -> <input type="checkbox" class="custom-control-input" id="m32">

在我的 Javascript 中，我会检查每个复选框(如果选中或未选中)，我将为选中的情况分配值 1，为未选中的情况分配值 0。

//I got 32 of these
if (document.getElementById("m1").checked){
    m1 = '1';
}
else{
    m1 = '0';
}

然后我使用 Ajax 发送数据。

$.ajax({
    url: 'submit-user-details.php',
    method: 'POST',
    dataType: 'TEXT',
    data: {firstname : firstname, lastname : lastname, middlename : middlename, usercd : usercd, password : password, usergrp : usergrp, userstatus : userstatus, branch : branch, m1 : m1, m2 : m2, m3 : m3, m4 : m4, m5 : m5, m6 : m6, m7 : m7, m8 : m8, m9 : m9, m10 : m10, m11 : m11, m12 : m12, m13 : m13, m14 : m14, m15 : m15, m16 : m16, m17 : m17, m18 : m18, m19 : m19, m20 : m20, m21 : m21, m22 : m22, m23 : m23, m24 : m24, m25 : m25, m26 : m26, m27 : m27, m28 : m28, m29 : m29, m30 : m30, m31 : m31, m32 : m32},
    success: function(response) {
        $('#confirmModal').modal('hide');
});

然后在我的 PHP 中，每个值都有自己的插入查询(注意:请忽略我的查询我知道这不安全，但我目前使用的是旧版本的 XAMPP，没有 PDO 支持对于 Oracle)。

//I got 32 of these
$modulerightsql = oci_parse($conn, "INSERT INTO ASUSERMODULERIGHTS(USERCD, SWITCH, MODULEID) VALUES('". $usercd ."', '". $m32 ."', '32')");
oci_execute($modulerightsql);

有没有更好的方法来更好地保存我的复选框的值？

Answer 1

将此 multipleValue 变量发送到 ajax 文件。你会获得值(value)。
示例:m1,m2,m3

$(document).ready(function(){
  $("#submit").click(function(){
    
   var multipleValue = [];
    $(':checkbox:checked').each(function(i){
      multipleValue[i] = $(this).val();
    });
    console.log(multipleValue);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<input type="checkbox" class="custom-control-input" id="m1" name="m[]" value="m1"> M1
<input type="checkbox" class="custom-control-input" id="m1" name="m[]" value="m2"> M2
<input type="checkbox" class="custom-control-input" id="m1" name="m[]" value="m3"> M3
<input type="checkbox" class="custom-control-input" id="m32" name="m[]" value="m32"> M32
<input type="submit" id="submit">