一、方法介绍
第一种方法：通过获取dom元素，getElementById、querySelector、getElementsByName、querySelectorAll（需要遍历，例如：for循环）
第二种是用v-model在input复选框上绑定一个变量，通过双向绑定的特性来判断复选框是否被选中。（推荐使用）
二、演示：
第一种：被选中输出true，否则为false
document.getElementById()
html：
<input type="checkbox" id="myCheckbox">js：
let checkbox = document.getElementById("myCheckbox");
console.log(checkbox.checked); // 输出 true 或 falsedocument.querySelector()
html:
<input type="checkbox" class="myCheckbox">
js:
let checkbox = document.querySelector('.myCheckbox');
console.log(checkbox.checked); // 输出 true 或 falsedocument.getElementsByName() 可以获取多个，多个用for循环
html：
<input type="checkbox" name="myCheckbox">
<input type="checkbox" name="myCheckbox">js：
let checkboxes = document.getElementsByName("myCheckbox");
for (let i = 0; i < checkboxes.length; i++) {
console.log(checkboxes[i].checked); // 输出 true 或 false
}
querySelectorAll()
html:
<input type="checkbox">
<input type="checkbox">js:
let checkboxes = document.querySelectorAll('input[type="checkbox"]');
for (let i = 0; i < checkboxes.length; i++) {
console.log(checkboxes[i].checked); // 输出 true 或 false
}
第二种：
html：
<input type="checkbox" class="apply-checkbox" v-model="checkboxIsChecked">
js：在data中声明变量checkboxIsChecked:false 未选中
data(){
return{
checkboxIsChecked:false,
}
}
在你做任何其他操作的时候判断checkboxIsChecked的值，如果为true表明选中了，再进行后续操作。比如：点击事件checkClick()中输出checkboxIsChecked的值
checkClick(){
console.log(this.checkboxIsChecked);
}选中输出true、未选中输出false。文章来源：https://www.toymoban.com/news/detail-771274.html
checkboxIsChecked的值会随着复选框的选中与否实时改变。文章来源地址https://www.toymoban.com/news/detail-771274.html
到了这里，关于vue中获取复选框是否被选中的值、如何用JavaScript判断复选框是否被选中的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
