Javascript 如何在复选框检查函数-jquery中使用文本框值替换/更新对象数组

看看这把小提琴

因此，假设您首先选择两行（通过单击复选框）并在文本框中添加一些文本，那么对象数组将有两个具有该属性的对象，但第二次他从这两行中选择一行并取消选择另一行并在文本框中给定一些值时，我们必须使用该数组中的值更新对象，当前正在添加另一个对象

此外，如果他选择了

公司

在数组中不存在的任何其他行，则其应将其添加为另一个对象

如何在每个选中的函数中写入它

HTML:

Jquery：

   var selectedRows = [];
    function getdetails() {
        var modifier = $('#txtBox').val();
        $.each($("input[name='eachRow']:checked").parents("tr"), function () {
            selectedRows.push({
                company: $(this).find('td:eq(1)').text(),
                contact: modifier
            });
            console.log(selectedRows);
        });
    }

---

代码执行的正是它假定的操作，每次单击按钮时，该方法都会将所有选中的对象推入数组。如果您这样做：

function getdetails() {
    var selectedRows = [];
    var modifier = $('#txtBox').val();
    $.each($("input[name='eachRow']:checked").parents("tr"), function () {
        selectedRows.push({
            company: $(this).find('td:eq(1)').text(),
            contact: modifier
        });
    });
    console.log(selectedRows);
}

（在函数中添加所选行初始化）您将得到您想要的：每次都要进行一次新的计算。如果您希望在每次单击按钮时更新元素，那么您需要不同的方法

   var selectedRows = [];
    function getdetails() {
        var modifier = $('#txtBox').val();
        $.each($("input[name='eachRow']:checked").parents("tr"), function () {
            selectedRows.push({
                company: $(this).find('td:eq(1)').text(),
                contact: modifier
            });
            console.log(selectedRows);
        });
    }

function getdetails() {
    var selectedRows = [];
    var modifier = $('#txtBox').val();
    $.each($("input[name='eachRow']:checked").parents("tr"), function () {
        selectedRows.push({
            company: $(this).find('td:eq(1)').text(),
            contact: modifier
        });
    });
    console.log(selectedRows);
}