Search jQuery

jQuery Forum

Show / Hide a <div> when changing the selection of a radio button.

in Using jQuery • 3 years ago

Hello,
I want that a <div> element will show when yes is selected and when no it should be hidden.
For show and hind i will use the functions from the jQuery UI. But I don't find a way to call the hide / show function when the selection change.

The radio selection:

<input type="radio" name="lang_anz" value="1"> Yes<br>
<input type="radio" name="lang_anz" value="0" checked="checked"> No<br>

When I understand the documentation I can request the current value from the radio with:

<script type="javascript">
$('input:radio[name=lang_anz]:checked').val();
</script>

But how i can now call the show / hide function when I change the selection?

Replies(1)

nageswari

Re: Show / Hide a <div> when changing the selection of a radio button.

3 years ago

Hi,

HTML code:

    <input type="radio" name="lang_anz" value="1"> Yes<br>
    <input type="radio" name="lang_anz" value="0" checked="checked"> No<br>
    <div id="div_name">Some text in div.</div>

Jquery script:

$(document).ready(function(){
         $(":radio:eq(0)").click(function(){
            $("#div_name").show(1000);
        });

        $(":radio:eq(1)").click(function(){
            $("#div_name").hide(1000);
        });

});

Top Reply

Response title

Attachments

jQuery Forum

Show / Hide a <div> when changing the selection of a radio button.

Replies(1)

Re: Show / Hide a <div> when changing the selection of a radio button.

Statistics

Tags

Actions

Related Posts