自动检查复选框列表

Question

我有这个复选框列表

喜欢使用＆＃34; Ctrl＆＃34;选择文件按钮，我想在每个例子中按下＆＃34; Ctrl＆＃34;按钮然后检查第二个复选框和＆＃34; Ctrl＆＃34;始终按下，将自动检查这些复选框之间的其他复选框 通过多次搜索，我发现我应该使用＆＃34; ng-keyup＆＃34;方法 请你知道我该怎么办？ 谢谢你的帮助

Answer 1

您可以做的是跟踪所有输入和点击的最后一个输入。 然后在下一次单击时检查是否按下了shift键，然后在输入之间将所有输入标记为已选中。

// last input checked index variable, initialize with null
var lastChecked = null

//keep all inputs saved
var inputs = document.querySelectorAll("input")

// on each click check if shift is pressed
function handleClick(e, index){
  if(e.shiftKey){
    markSelected(lastChecked, index)
  }
}

这是一个关于代码集的示例，它负责标记两种方式（从头到尾和相反的方式）并处理最后选择的输入的簿记

Codepen example