hiding & showing DIVS via Radio button group selection using JQuery

Question

Hi, here's what i want to achieve:

1. Have a grouped radio button with different values
2. Selected radio will reveal specified div $('#group1').Show() & $('#group2').Hide()

My question is: How do I do get the value of the selected radiobutton from the group?

Answer 1

$("input[name=GroupName]:checked").val();

Answer 2

You can use the :checked selector, e.g.:

$('input[name=selector]:checked').val()

Answer 3

im having problems here, mind if you check my codes? Thanks!

$("input:radio[@name='searchOption']").click(function() {
        var choice = $("input:radio[@name='searchOption']:checked").val();
        switch (choice) {
            case 'Recent':
                $('#patient_Form').show();
                break;
            case 'Search':
                $('#patient_Form').hide();
                break;
            case 'Add':
                $('#patient_Form').hide();
                break;
        }
    });