Question

单击单选按钮时，我的代码如下：如果不是必须禁用，则必须启用文本框。请有人帮助我。感谢

<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>

Answer 1

首先要确保您的ID是唯一的..

使用prop()启用/禁用元素..（确保为单选按钮添加值...代码中缺少）

<强> HTML

<input type="radio" id="high" value="Y" name="high"  />
<input type="radio" id="high" value="N" name="high"  />

<强> jquery的

 $('input[name="high"]').change(function(){
      if($(this).val() == 'Y'){
         $('#date_biennial_budget').prop('disabled',false);
      }else{
         $('#date_biennial_budget').prop('disabled',true);
      }
 });

Answer 2

使用jQuery很简单＆gt; 1.6

$('input').prop('disabled',true)
$('input').prop('disabled',false)

要对您的单选按钮做出反应，您必须为每个单选按钮赋予一个不同的值属性（1表示是吗？）并听取change事件。

$("#date_biennial_budget").change(function(){

    if($(this).val() == 1) 
       $('input[name=high]').prop('disabled',false);
    else 
       $('input[name=high]').prop('disabled',true);
}

Answer 3

if($('#high').is(":selected") {
   $('input').prop('disabled',true);
} else {
   $('input').prop('disabled',false);
}

试试这个

Answer 4

将其用于文本框

$('input[type=text]').prop('disabled',true);

<强>更新由于您使用了label代码，因此您使用for属性，如下所示

<input type="radio" id="highY" name="high" />
<label for="highY">Y</label>
<input type="radio" id="highN" name="high" />
<label for="highN">N</label>

将相应id的{{1}}分配到input

中的for属性

基于此，你可以这样做

label

JSFiddle

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

4 个答案: