displaying text box dynamically jQuery

Question

I'm a newbie to jQuery and I would like to display a text box below if the user selects "Other". How will I select the individual item in the radio box?

Also, when the user un-clicks the OTHER button then the textbox should be removed.

<html>

    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

        </script>
        <script>
            $(document).ready(function() {
                $("$select-car").click(function() {

                });
            });
        </script>
    </head>

    <body>
        <div id="select-car">
            <input type="radio" name="car" value="Toyota">GM<br>
            <input type="radio" name="car" value="Honda">Ford<br>
            <input type="radio" name="car" value="Other" onlick>Other<br>
        </div>
    </body>

</html>

means you want to show/hide textbox on check/uncheck event of radio button ? — Mahmood Rehman
– Mahmood Rehman, Commented Nov 19, 2013 at 4:51

Tushar Gupta - curioustushar · Accepted Answer · 2013-11-19 04:56:56Z

3

$("#select-car input[type='radio'][name='car']").change(function () {
    if (this.value === 'Other') {
        //show textbox $('#txt').show();
    }
    else{
        //hide textbox $('#txt').hide();
    }
});

References

.change()

multiple attribute selector

this keyword

edited Nov 19, 2013 at 4:56

answered Nov 19, 2013 at 4:51

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2013-11-19 05:01:09Z

0

ok than add textbox below your html like this :

<input style="display:none;" type="text" name="mytext" id="mytext"/>

write jQuery like this

$("input[type='radio']").change(function () {
    if ($(this).val() == "Other") {
        $("#mytext").show();
    } else {
        $("#mytext").hide();
    }
});

edited Nov 19, 2013 at 5:01

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

answered Nov 19, 2013 at 4:55

Mahmood Rehman

4,3377 gold badges43 silver badges76 bronze badges

Collectives™ on Stack Overflow

displaying text box dynamically jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related