如何使用jquery启用文本区域或输入type ="text"

use*_*936 1 html jquery

单击单选按钮时,我有以下代码是,如果不是必须禁用,则必须启用文本框.请有人帮助我.谢谢

<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>&nbsp;&nbsp;&nbsp;&nbsp;
    <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)

bip*_*pen 6

首先要确保你的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)