ラジオボタンと不活性処理の連携

ラジオボタンでの選択に応じて

特定ボタンを不活性、活性にする処理。

ラジオボタンの値の取得はfor文を利用するものもあるが

自身はこっちのほうがスッキリで好きなので記録用に。。。

index.html

<form id="testForm" method="get">
  <input type="radio" name="a" value="1" onclick="goDisabled();">不活性
  <input type="radio" name="a" value="2" onclick="goDisabled();">活性
  <input type="radio" name="a" value="3" onclick="goDisabled();">活性
</form>　
<input type="button" id="goBtn" value="GO!!" />

script.js

function goDisabled(){
  var r = $('input[name="a"]:checked').val();
  if(r == 1){
    // 1のボタンを押したとき不活性化
    $("#goBtn").attr("disabled","disabled");
  }else{
    // 1以外のボタンの時活性化
    $("#goBtn").removeAttr("disabled");
  }
}