選択済ラジオボタンを非選択状態にする
<fieldset>
<legend>ラジオボタン</legend>
<label><input type="radio" id="soccer" name="radio-sample">サッカー</label>
<label><input type="radio" id="bb" name="radio-sample">野球</label>
<label><input type="radio" id="basket" name="radio-sample">バスケット</label>
</fieldset>
const inputs = document.querySelectorAll(`input[name="radio-sample"]`);
console.dir(inputs);
let saveID = '';
const uncheck = (e) => {
console.log(`before_E:${e.target.id} SAVE:${saveID}`);
if (saveID === e.target.id) {
e.target.checked = false;
saveID = "";
} else {
saveID = e.target.id;
}
console.log(`after_E:${e.target.id} SAVE:${saveID}`);
}
inputs.forEach(
(input) => {
input.addEventListener("click", (e) => {
uncheck(e);
})
}
)