【Javascript】ラジオボタンの状態を取得・変更する方法【コピペで動きます】

// checkedプロパティを取得する場合
Javascriptオブジェクト.checked

// checkedプロパティを設定する場合
Javascriptオブジェクト.checked = true / false

<input type="button" onClick="checkRadio1()" value="ラジオボタン1の状態を確認">

<p id="test-text1"></p>

<input name="test-radio1" type="radio" id="radio-1">ラジオボタン1
<input name="test-radio1" type="radio">ラジオボタン2
<input name="test-radio1" type="radio">ラジオボタン3

<script>
const radioButton1 = document.getElementById("radio-1")
const text1 = document.getElementById("test-text1")

function checkRadio1() {
  if (radioButton1.checked) {
    text1.innerText = "ラジオボタン1がチェックされています。"
  } else {
    text1.innerText = "ラジオボタン1はチェックされていません。"
  }
}
</script>

<input onChange="checkValue()" name="food" class="test-radio" type="radio" value="カレーライス">カレーライス
<input onChange="checkValue()" name="food" class="test-radio" type="radio" value="ラーメン">ラーメン
<input onChange="checkValue()" name="food" class="test-radio" type="radio" value="ハンバーグ">ハンバーグ
<input onChange="checkValue()" name="food" class="test-radio" type="radio" value="オムライス">オムライス

<input disabled="disabled" onClick="unCheckButton()" id="button" value="チェック解除">

<script>
const radioButtons = document.getElementsByClassName("test-radio")
const button = document.getElementById("button")

function checkValue() {
  const checkArray = []

  for (radioButton of radioButtons) {
    checkArray.push(radioButton.checked)
  }
  
  button.disabled = !checkArray.some(value => value == true)
}

function unCheckButton() {
  for (radioButton of radioButtons) {
    radioButton.checked = false
  }
  
  checkValue()
}