javascript - 使用核心JavaScript和事件处理程序选中复选框

能否请您看一下这个演示，让我知道如何使用核心JavaScript方法（没有jQuery）将事件侦听器和处理程序添加到#checker按钮以选中具有Benz值的复选框

function checkBenz(){

}

var el = document.getElementById("checker");
el.addEventListener("click", checkBenz);

<button id="checker">Check Benz</button> <br />
<input type="checkbox" name="cars" value="Benz"> Benz <br />
<input type="checkbox" name="cars" value="BMW"> BMW <br />

最佳答案

复选框具有checked属性。将其设置为true以便使用纯JavaScript选中复选框。

function checkBenz(){
  var benz = document.querySelector('input[value="Benz"]');
  benz.checked = !benz.checked;
  //or simply benz.checked = true,  if you don't want to toggle
}

var el = document.getElementById("checker");
el.addEventListener("click", checkBenz);

<button id="checker">Check Benz</button> <br />
<input type="checkbox" name="cars" value="Benz"> Benz <br />
<input type="checkbox" name="cars" value="BMW"> BMW <br />