javascript - 为 JavaScript 数组对象分配多个值

Question

我编写了 jQuery 小部件，它列出了表中的所有记录标题，用户可以选择多个记录，但每个记录用户都需要在文本框中输入值。

现在我想构建 jQuery 或 JavaScript 数组，我可以在每个用户单击“添加”时推送记录，如果单击每个按钮上的“删除”，则可以删除数据。

我想将“recordId”和“ComponentSchemeMarks”推送到javaScript数组selectedComponentList

var selectedComponentList = {
    componentIndex: "",
    componentMark:""
};

$(document).ready(function () {
    //click on Confirm Component Scheme 
    $("#ComponentSchemeTable").on("click", ".k-grid-confirm", function () {
        var recordId = $(this).data("id");
        var ComponentSchemeMarks = $("#" + recordId + "_CM").val();

        alert("recordId " + recordId + " ComponentSchemeMarks " + ComponentSchemeMarks);

        //
        $(this).hide();
        $(this).siblings(".k-grid-input").hide();
        $(this).siblings(".k-grid-cancel").hide();
        $(this).siblings(".k-grid-Remove").show();
        //add data to array//
    });

    $("#ComponentSchemeTable").on("click", ".k-grid-Remove", function () {
        $(this).hide();
        $(this).siblings(".k-grid-Add").show();
    });

Answer 1

你的selectedComponentList不是一个数组...我猜你想要这样的东西:

var selectedComponentArray = [];

$(document).ready(function () {
    //click on Confirm Component Scheme 
    $("#ComponentSchemeTable").on("click", ".k-grid-confirm", function () {
        var recordId = $(this).data("id");
        var ComponentSchemeMarks = $("#" + recordId + "_CM").val();

        alert("recordId " + recordId + " ComponentSchemeMarks " + ComponentSchemeMarks);

        //
        $(this).hide();
        $(this).siblings(".k-grid-input").hide();
        $(this).siblings(".k-grid-cancel").hide();
        $(this).siblings(".k-grid-Remove").show();

        //add data to array//
        selectedComponentArray.push({ComponentIndex: recordId, ComponentMark: ComponentSchemeMarks});
    });

    $("#ComponentSchemeTable").on("click", ".k-grid-Remove", function () {
        $(this).hide();
        $(this).siblings(".k-grid-Add").show();

        var recordId = $(this).data("id");

        selectedComponentArray = $.grep(selectedComponentArray, function(value) {
            return value.ComponentIndex != recordId;
        });
    });
    ...
}

此外，您应该提供按钮 ID 并使用它们来绑定(bind)点击监听器...