我正在制作下面的演示。如何使用核心 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 />
最佳答案
复选框有一个 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 />
关于javascript - 使用核心 JavaScript 和事件处理程序检查复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52326435/