[英]How can I check a checkbox when another checkbox is checked? [JavaScript]
所以我有一个小表格,您可以在底部看到。 而且我想知道如何制作JavaScript函数,例如,如果我选中复选框3,那么它将同时选中复选框2和1。我已经在互联网上找了几个小时,大多数东西都无法正常工作或涉及jQuery。 我宁愿只使用HTML / JavaScript。
感谢您抽出宝贵的时间至少阅读此内容!
<h3>HTML</h3>
<label><input type="checkbox" name="html1" value="html1" id="html1"/><span class="label-text"></span></label>
<label><input type="checkbox" name="html2" value="html2" id="html2"/><span class="label-text"></span></label>
<label><input type="checkbox" name="html3" value="html3" id="html3"/><span class="label-text"></span></label>
<label><input type="checkbox" name="html4" value="html4" id="html4"/><span class="label-text"></span></label>
<label><input type="checkbox" name="html5" value="html5" id="html5"/><span class="label-text"></span></label>
<label><input onclick="onToggle()" type="checkbox" name="html3" value="html3" id="html3"/><span class="label-text"></span></label>
我认为以这种方式可以使用纯Javascript
function onToggle(){
if (document.querySelector('#html3').checked) {
// if checked
console.log('checked');
document.getElementById("html2").checked = true
document.getElementById("html1").checked = true
} else {
// if unchecked
console.log('unchecked');
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.