javascript - 获取使用序列化动态检查输入复选框的所有最近字段的值

Question

我使用 codeigniter 和 jquery
例如，如果选中 input#1，我必须获取 input#menu-1 的值
如果选中 input#2，我会得到 input#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) {

            }
        });
    });

我的 Controller :

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

但是我没有得到值所以它不起作用

Answer 1

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

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

form serialize 从 name 属性中获取值。

在你的 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();
    });