Question

Using jQuery I’m trying to get the id of control, which I clicked (radiobutton). I read this question and tried almost everything from there:

alert($(this).get(0).id);
alert($(this).id);
alert($(this).attr('id'));
alert(this.id);

But I’m always getting: Undefined

I just don’t understand what I’m doing wrong.

UPDATED:

Radiobuttons is generated dynamically in code behind by C#:

controlToReturn = new RadioButton
                    {
                        ID = controlId
                    };
                    ((RadioButton)controlToReturn).Text = text;
                    ((RadioButton)controlToReturn).Checked = Convert.ToBoolean(Convert.ToInt32(value));
                    ((RadioButton)controlToReturn).GroupName = groupName;
                    ((RadioButton)controlToReturn).CssClass = cssClass;
                    ((RadioButton)controlToReturn).Attributes.Add("runat", "server");
                    ((RadioButton)controlToReturn).Attributes.Add("onclick", "Show();");

and function in ASPX:

<script type="text/javascript" language="javascript">
function Show() {

             if ($(this).cheked = true) {

                 console.log(this);
                 alert($(this).get(0).id);
                 alert($(this).id);
                 alert($(this).attr('id'));
                 alert(this.id);               
             }        
         }
     </script>

I know radiobutton has id, I checked generated HTML.

Answer 1

C#:

((RadioButton)controlToReturn).Attributes.Add("onclick", "Show(this);");

JavaScript:

function Show(radio) {
    if (radio.checked) {
        alert(radio.id);               
    }        
}