Hola chicos, ¿qué función podría usar para decir si este botón de opción está seleccionado mostrar este ‘div’.
Gracias de antemano.

InformationsquelleAutor Ozzy | 2010-11-05

4 Comentarios

  1. 9

    HTML

    <form id='form-id'>
        <input id='watch-me' name='test' type='radio' /> Show Div<br />
        <input name='test' type='radio' /><br />
        <input name='test' type='radio' />
    </form>
    <div id='show-me' style='display:none'>Hello</div>

    jQuery

    $('#form-id').change(function() {
        if ($('#watch-me').attr('checked')) {
            $('#show-me').show();
        } else {
            $('#show-me').hide();
        }
    });

    Se puede ver en acción aquí: http://jsfiddle.net/wmKGd/

    ACTUALIZACIÓN 25.01.2013

    Después de la Actualización de la Librería de jQuery 1.8.x 1.9.x

    Por favor, use en su lugar de

    Biblioteca de jQuery 1.8.x

    jQuery('#some-id').attr('checked') 

    Biblioteca jQuery 1.9.x

    jQuery('#some-id').prop('checked')

    Se puede ver con el actualizado script en acción aquí: http://jsfiddle.net/9XXRY/

    • gracias, esto me ayudó demasiado! apreciar la 25.01.13 actualización así.
  2. 3

    Me gustó @tinifni del jsfiddle. Aquí está uno con 3 divs que mostrar u ocultar dependiendo de la radio.

    http://jsfiddle.net/dbwest/wmKGd/572/

    $('#form-id').change(function() {
        if ($('#watch-me').attr('checked')) {
            $('#show-me').show();
        } else {
            $('#show-me').hide();
        }
        if ($('#watch-me2').attr('checked')) {
            $('#show-me2').show();
        } else {
            $('#show-me2').hide();
        }
        if ($('#watch-me3').attr('checked')) {
            $('#show-me3').show();
        } else {
            $('#show-me3').hide();
        }
    });
  3. 2
    $("myradiobuttonselector").change(function () {
      if ($(this).attr("checked")) {
        $("mydivSelector").show();
      }
      else {
       $("mydivSelector").hide();
      }
    });
  4. 0

    Esto es lo que yo uso. Reemplazar «mydiv» con el id de su botón de radio y «content1» con el contenido que desea mostrar/ocultar.

    Post algo de html, si necesita más ayuda.

    $(document).ready(function(){
       $('#content1').hide();
    
       $('a').click(function(){
          $('#content1').show('slow');
       });
    
       $(‘#mydiv’).click(function(){
          $('#content1').hide('slow');
       })
    });

    Rick

Dejar respuesta

Please enter your comment!
Please enter your name here