I am working on the below demo. How can I add an event listener and handler to a #checker button to check the checkbox with the value of Benz using core JavaScript?
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 />
Advertisement
Answer
Checkbox has a checked property. Set it to true in order to check your checkbox with plain 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 />