estoy teniendo el código de la siguiente manera cuando se hace clic en el botón de radio de sí en el cuadro de texto tiene que estar activada si no tiene que estar desactivado. por favor que alguien me ayude. gracias

<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>
InformationsquelleAutor user2412936 | 2013-07-26

4 Comentarios

  1. 6

    en primer lugar, asegúrese de que su id es único..

    uso prop() para habilitar/deshabilitar elementos.. (, asegúrese de agregar valor a su botón de radio… que falta en su código )

    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);
          }
     });
    • bienvenida… feliz codificación
  2. 3

    Es fácil con jQuery > 1.6

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

    A reaccionar a su botón de radio, usted tiene que dar a cada uno un diferente valor de atributo (1 para sí?) y escuchar a la change evento.

    $("#date_biennial_budget").change(function(){
    
        if($(this).val() == 1) 
           $('input[name=high]').prop('disabled',false);
        else 
           $('input[name=high]').prop('disabled',true);
    }
    • Esto desactivará todo el input etiqueta incluido, radio, botón, etc
    • bien, por supuesto… Editado respuesta
  3. 1
    if($('#high').is(":selected") {
       $('input').prop('disabled',true);
    } else {
       $('input').prop('disabled',false);
    }

    probar este

  4. 0

    El uso de este para el cuadro de texto,

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

    ACTUALIZACIONES:
    Puesto que usted ha utilizado label etiqueta, utilice for atributo como el de abajo,

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

    Asignar el id de los respectivos input a la for atributo en label

    Base en esto se puede hacer como este

    $('input[name=high]').on('change', function () {
        var label = $('label[for=' + this.id + ']').text();
        if (label === "Y") {
            $('#date_biennial_budget').prop('disabled', false);
        } else {
            $('#date_biennial_budget').prop('disabled', true);
        }
    });

    JSFiddle

Dejar respuesta

Please enter your comment!
Please enter your name here