Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

Solved

Get selected value of RadioButtonList using JQuery

Posted on 2012-12-31

1 solution

Medium Priority

438 Views

Last Modified: 2012-12-31

The function below works fine. But I was curious as to how to use 'this' with the input:checked selector to find the value of the checked button. I've tried different formats but haven't hit on the right one. i.e. $('this input:checked').val()

$(function () {
    $('#<%=rblExistingDamage.ClientID%>').click(function () {
        if ($('#<%=rblExistingDamage.ClientID%> input:checked').val() == 'true') {
             $('#<%=rowExistingDamage.ClientID%>').show();
         } else {
            $('#<%=rowExistingDamage.ClientID%>').hide();
        }
    });
});

Open in new window

Comment

Question by:jeffhodgeson

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

4 Comments

LVL 82

Accepted Solution

by:leakim971

leakim971 earned 2000 total points

ID: 387330712012-12-31

replace : $('#<%=rblExistingDamage.ClientID%> input:checked')
by : $('input:checked', this)

or

replace : $('#<%=rblExistingDamage.ClientID%> input:checked')
by : $(this).find('input:checked')

LVL 82

Expert Comment

by:leakim971

ID: 387330772012-12-31

or replace :

    $('#<%=rblExistingDamage.ClientID%>').click(function () {
        if ($('#<%=rblExistingDamage.ClientID%> input:checked').val() == 'true') {
             $('#<%=rowExistingDamage.ClientID%>').show();
         } else {
            $('#<%=rowExistingDamage.ClientID%>').hide();
        }
    });

Open in new window

by :

    $(":radio", '#<%=rblExistingDamage.ClientID%>').change(function () {
        if ($(this).is(":checked") && $(this).val() == 'true') {
             $('#<%=rowExistingDamage.ClientID%>').show();
         } else {
            $('#<%=rowExistingDamage.ClientID%>').hide();
        }
    });

Open in new window

Author Closing Comment

by:jeffhodgeson

ID: 387334442012-12-31

Thanks, just what I was looking for.

LVL 82

Expert Comment

by:leakim971

ID: 387334512012-12-31

you're welcome

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introducing the Knockout JavaScript Framework (MVVM)

Article by: Rob

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework). The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …

AJAX form submission with customized server field validation

Article by: Julian

This article discusses how to implement server side field validation and display customized error messages to the client.

PHP, jQuery, and Form Actions

Video by: Marco

The viewer will learn how to dynamically set the form action using jQuery.

Introduction to jQuery (Part 2)

Video by: Jason

The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…