单击单选按钮时,我有以下代码是,如果不是必须禁用,则必须启用文本框.请有人帮助我.谢谢
<div class="label_left">
<label>Does the tourism office operate on a biennial budget? : (Y/N)</label>
</div>
<div class="text_right">
<br>
<br>
<input type="radio" id="high" name="high" />
<label>Y</label>
<input type="radio" id="high" name="high" />
<label>N</label>
<br />
<br />
<br />
</div>
<div class="label_left">
<label>If YES,please indicate when the current biennial budget began: (mm/dd/yy)</label>
</div>
<div class="text_right">
<br>
<br>
<input type="text" name="date_biennial_budget" id="date_biennial_budget" value="" size="30" />
<br />
<br />
<br />
</div>
Run Code Online (Sandbox Code Playgroud)
首先要确保你的id是独一无二的..
用于prop()启用/禁用元素..(确保为您的单选按钮添加值...代码中缺少这个值)
HTML
<input type="radio" id="high" value="Y" name="high" />
<input type="radio" id="high" value="N" name="high" />
Run Code Online (Sandbox Code Playgroud)
jQuery的
$('input[name="high"]').change(function(){
if($(this).val() == 'Y'){
$('#date_biennial_budget').prop('disabled',false);
}else{
$('#date_biennial_budget').prop('disabled',true);
}
});
Run Code Online (Sandbox Code Playgroud)