使用js中splice函数删除复选框且不影响勾选时功能的代码

以下是使用 JavaScript 中的 splice 函数删除复选框且不影响勾选的代码示例：

// 获取所有复选框元素
const checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 定义删除函数
function removeCheckbox(index) {
  // 获取当前复选框的选中状态
  const isChecked = checkboxes[index].checked;
  // 删除当前复选框元素
  checkboxes.splice(index, 1);
  // 如果当前复选框是选中状态，则将其它复选框选中状态向前移动一位
  if (isChecked) {
    checkboxes[index].checked = true;
  }
}

// 调用删除函数，传入要删除的复选框的索引值
removeCheckbox(2);

希望能对你有所帮助！

相关问题

使用vuejs写出复选框批量删除

可以的，以下是一个使用vuejs实现复选框批量删除的示例代码：

HTML代码：

<div id="app">
  <table>
    <thead>
      <tr>
        <th><input type="checkbox" v-model="selectAll"/></th>
        <th>Name</th>
        <th>Age</th>
        <th>Gender</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(person, index) in people">
        <td><input type="checkbox" v-model="selected[index]"/></td>
        <td>{{person.name}}</td>
        <td>{{person.age}}</td>
        <td>{{person.gender}}</td>
      </tr>
    </tbody>
  </table>
  <button @click="deleteSelected">Delete Selected</button>
</div>

VueJS代码：

new Vue({
  el: '#app',
  data: {
    people: [
      { name: 'Alice', age: 25, gender: 'Female' },
      { name: 'Bob', age: 30, gender: 'Male' },
      { name: 'Charlie', age: 20, gender: 'Male' },
      { name: 'David', age: 35, gender: 'Male' },
      { name: 'Emily', age: 28, gender: 'Female' }
    ],
    selected: [],
    selectAll: false
  },
  methods: {
    deleteSelected: function() {
      for (var i = this.selected.length - 1; i >= 0; i--) {
        if (this.selected[i]) {
          this.people.splice(i, 1);
        }
      }
      this.selected = [];
      this.selectAll = false;
    }
  },
  watch: {
    selectAll: function(value) {
      this.selected = [];
      if (value) {
        for (var i = 0; i < this.people.length; i++) {
          this.selected.push(true);
        }
      }
    }
  }
});

这个例子中，我们使用了v-model指令将复选框的选中状态绑定到了selected数组中，然后使用v-for指令动态生成表格中的内容。同时，我们还添加了一个全选的复选框，并使用watch监听它的变化，以便在全选或取消全选时更新selected数组的值。最后，我们添加了一个删除按钮，点击它将会删除所有选中的行。

lua中实现 js的splice函数

根据提供的引用内容，我们可以了解到Lua中没有类似于JavaScript中的splice函数。但是，我们可以使用Lua的table库来实现类似于splice函数的功能。下面是一个简单的Lua函数，可以实现类似于JavaScript中splice函数的功能：

function splice(t, start, deleteCount, ...)
    local len = #t
    start = start or 1
    if start < 0 then
        start = len + start + 1
    end
    deleteCount = deleteCount or (len - start + 1)
    local removed = {}
    for i = start, start + deleteCount - 1 do
        table.insert(removed, t[i])
    end
    local args = {...}
    local addCount = #args
    local newLen = len - deleteCount + addCount
    for i = len, start + deleteCount - 1, -1 do
        t[i + addCount] = t[i]
    end
    for i = 1, addCount do
        t[start + i - 1] = args[i]
    end
    for i = len, newLen + 1, -1 do
        t[i] = nil
    end
    return removed
end

这个函数接受一个table作为第一个参数，表示要操作的数组；第二个参数表示要删除或插入的起始位置；第三个参数表示要删除的元素个数；后面的参数表示要插入的元素。函数返回一个数组，表示被删除的元素。

下面是一个使用示例：

local t = {1, 2, 3, 4, 5}
local removed = splice(t, 2, 2, 6, 7)
print(table.concat(t, ", ")) -- 输出：1, 6, 7, 5
print(table.concat(removed, ", ")) -- 输出：2, 3

这个示例中，我们将数组t中从第2个位置开始的2个元素删除，并在这个位置插入了两个新元素6和7。最后，我们打印了修改后的数组t和被删除的元素数组removed。