javascript - 检查特定 radio 输入时激活禁用的文本区域

Question

我需要这样，一旦检查了特定的 radio 输入，通常禁用的文本区域将返回事件状态。

我已经使用了 jquery click(function) 和 removeProp，但它似乎不起作用。我正在使用 jquery 3.4.0、popper 1.14.7 和最新版本的 Bootstrap 。

<div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="FormInputTextArea">Inserire Eventuali informazioni aggiuntive</label>
                    <textarea name="message" class="form-control" id="FormInputTextArea" rows="1" disabled></textarea>
                </div>
            </div>
        </div>

        <!-- Radios - Aggiornamento numero fila -->
        <div class="custom-control custom-radio">
          <input type="radio" class="custom-control-input" id="UpdateLineNumb" name="groupOfDefaultRadios">
          <label class="custom-control-label" for="UpdateLineNumb">Aggiornamento numero fila</label>
        </div>

        <!-- Radios - Invio messaggio -->
        <div class="custom-control custom-radio">
          <input type="radio" class="custom-control-input" id="SendMessageCheck" name="groupOfDefaultRadios">

          <label class="custom-control-label" for="SendMessageCheck">Invio messaggio</label>
        </div>


$('input[id="SendMessageCheck"]').click(function(){
    $('textarea[id="FormInputTextArea"]').removeProp('disabled');
})

我希望当点击 radio 时 id="SendMessageCheck" name="groupOfDefaultRadios" textarea 上的禁用选项 name="message" id="FormInputTextArea" 应该会消失。注意反而发生了。

Answer 1

$('input[id="SendMessageCheck"]').click(function(){
    $('textarea[id="FormInputTextArea"]').removeAttr('disabled');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="FormInputTextArea">Inserire Eventuali informazioni aggiuntive</label>
                    <textarea name="message" class="form-control" id="FormInputTextArea" rows="1" disabled></textarea>
                </div>
            </div>
        </div>

        <!-- Radios - Aggiornamento numero fila -->
        <div class="custom-control custom-radio">
          <input type="radio" class="custom-control-input" id="UpdateLineNumb" name="groupOfDefaultRadios">
          <label class="custom-control-label" for="UpdateLineNumb">Aggiornamento numero fila</label>
        </div>

        <!-- Radios - Invio messaggio -->
        <div class="custom-control custom-radio">
          <input type="radio" class="custom-control-input" id="SendMessageCheck" name="groupOfDefaultRadios">

          <label class="custom-control-label" for="SendMessageCheck">Invio messaggio</label>
        </div>

使用removeAttr()。检查here有关 removeAttr() 与 removeProp() 的更多信息。