带有JS的HTML复选框

Question

 <input type="checkbox" name="smoker">

如何在不更改上述HTML代码的情况下让JavaScript识别是否选中此复选框。

Answer 1

使用querySelectorAll()获取所有input元素。然后遍历所有input以查找具有特定名称的input。然后只需检查输入的checked属性。请尝试以下方法：

var val = document.querySelectorAll("input");
val.forEach(function(item){
  if(item.name == 'smoker'){
    console.log(item.checked)
  }
});

 <input type="checkbox" name="smoker">

Answer 2

使用querySelector并按名称获取元素

let val = document.querySelector('[name="smoker"]').checked;
console.log(val);