test :checked pseudo-class in querySelector

by sii_side

HTML

<input type="radio" name="sinri" value="1">そのままタンスにいれる
<br>
<input type="radio" name="sinri" value="2">破れるまで着る
<br>
<input type="radio" name="sinri" value="3">寄付する
<br>
<input type="radio" name="sinri" value="4">すぐ捨てる
<br>
<input type="button" onclick=Sinri() value="結果を見る">

JavaScript

function Sinri() {
	var r = document.querySelector("[name=sinri]:checked");
  alert(r.value);
}