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

Question

我正在制作下面的演示。如何使用核心 JavaScript 将事件监听器和处理程序添加到 #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 />

Answer 1

复选框有一个 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 />