radio button on change event

How to use radio button on change event?

HTML code-sample

<fieldset>
    <legend>Search Options</legend>
    <input type="radio" name="Search" value="1" checked="checked" /> TextBox1
    <input type="radio" name="Search" value="2" /> TextBox2
    <input type="radio" name="Search" value="3" /> TextBox3
</fieldset>


JavaScript  code-sample

function searchSection(evt) {
        var val = $("input[name=Search]:checked").val();

        if (val == '1') {
            $('#1').show();
        } else if (val == '2') {
            $('#2').show();
        } else if (val == '3') {
            $('#3').show();
        }
 }

$('input[name=Search]:radio').change(searchSection);



Thank you,
For more detail, go to link 
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

How to use radio button on change event? How to use radio button on change event? Reviewed by Anil Singh on 3:24 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^