Активный отключенный текст при проверке определенного радиовхода

Question

Мне нужно, чтобы после проверки определенного радиовхода текстовая область, обычно отключенная, возвращалась активной.

Я использовал jquery click (function) и removeProp, но это не похожеработать.Я использую jquery 3.4.0, popper 1.14.7 и последнюю версию начальной загрузки.

<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');
})

Я ожидаю, что при нажатии радио 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().Проверьте здесь для получения дополнительной информации о removeAttr() против removeProp().

Answer 2

вы можете попробовать использовать removeAttr() вместо removeProp()

$('textarea[id="FormInputTextArea"]').removeAttr('disabled');