HTML
JavaScript
jQuery

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

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

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

ラジオボタンの値の取得は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");
}
}