ここに私のcakephpが生成したHTMLラジオボックスとテキストボックススクリプト:
<input type="radio" id="need_staff_on_site" name="data[CaterRequest][need_staff_on_site]" value="yes" class="staff_on_site"><span>Yes</span>
<input type="radio" id="need_staff_on_site" name="data[CaterRequest][need_staff_on_site]" class="staff_on_site" value="no"><span>No</span>
How many staff?<input type="text" maxlength="3" id="no_of_staff" name="data[CaterRequest][staff_needed]" class="txtboxSml2" readonly="readonly">
jqueryスクリプト:
$(document).ready(function(){
$('.staff_on_site').click(function(){
$arr=$(this).val();
if($arr == "yes"){ $("#no_of_staff").removeAttr("readonly"); }
if($arr == "no"){ $("#no_of_staff").attr("readonly", "readonly"); }
});
});
あなたのケースでは、次のjqueryコードを書くことができます。
$(document).ready(function(){
$('.staff_on_site').click(function(){
var rBtnVal = $(this).val();
if(rBtnVal == "yes"){
$("#no_of_staff").attr("readonly", false);
}
else{
$("#no_of_staff").attr("readonly", true);
}
});
});
ここにフィドルがあります: http://jsfiddle.net/P4QWx/3/
prop
も使用できます。以下のコードを確認してください。
$(document).ready(function(){
$('.staff_on_site').click(function(){
var rBtnVal = $(this).val();
if(rBtnVal == "yes"){
$("#no_of_staff").prop("readonly", false);
}
else{
$("#no_of_staff").prop("readonly", true);
}
});
});