javascript-获取所有最近的字段的值,在其中使用serialize动态检查输入复选框

我使用codeigniter和jquery
例如,如果输入#1被选中,我必须获取输入#menu-1的值
如果输入#2被选中,我得到输入#menu-2的值…
即使所有内容都经过检查,
我试过的

<form id="form">
                    <h2 class="text-uppercase font-weight-light">votre choix : </h2>
                    <div class="flex-row">
                        <input type="checkbox" id="1">
                        <label for="menu-1">item 1<span class="font-weight-bold">($500 )</span> x
                        </label>
                        <input id="menu-1" type="number" class="min" maxlength="2" value="1">
                    </div>
                    <div class="flex-row">
                        <input type="checkbox" id="2">
                        <label for="menu-2">item 2<span class="font-weight-bold">(2500 FCFA)</span> x
                        </label>
                        <input id="menu-2" type="number" class="min" maxlength="2" value="0">
                    </div>
                    <button id="next-1" type="submit" class="btn border border-secondary p-2">COMMANDER</button>
                </form>

我努力了 ：

$('#next-1').click(function (e) {
        e.preventDefault();
        var form = $("#form").serialize();
        $.ajax({
            url: '<?php echo base_url("index.php/user/process") ?>'
            method: 'POST',data: form,dataType: 'json',success: function (reponse) {

            }
        });
    });

我的控制器：

public function process()
    {
        if ($this->input->is_ajax_request()) {
            $data = $this->input->post();
            echo json_encode($data);
        }
    }

但我没有价值,所以行不通

最佳答案

因为您在输入中缺少名称属性.尝试这个

<input id="menu-1" type="number" class="min" maxlength="2" value="1" name="menu-1"> // check here name attribute at last.

表格将名称属性中的值序列化.

在你的JavaScript中

$("#form").click(function (e) {
        let form = $(this);
//for data filtering
var serializedReturn = form.find('input[name!=menu-1]').serialize(); // here menu-1 be removed.
        console.log(serializedReturn,'value');
        e.preventDefault();
    });