HTMLチェックボックスJS

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);