javascript - 完整状态，在tickout.js中带有2个复选框

我有两个复选框，希望有互补状态。

例如：最初选中了一个复选框，因此自动选中了另一个复选框。如果我切换它们中的每个，则另一个也会切换，但状态互为补充。

我该如何使用html和ko.js？

最佳答案

不需要任何库即可做到。您可以将其与纯JavaScript一起使用，如下所示。

var cb = document.querySelectorAll('input[type=checkbox]');

let toggleCb = function(i){
  let index = i ? 0 : 1;
  cb[index].checked = !cb[index].checked;
}

for(let i=0; i<=1; i++){
  cb[i].onclick = function(){
    toggleCb(i);
  }
}

<input type="checkbox" id="cb1" checked />
<input type="checkbox" id="cb2" />