Javascript function behaviour

Question

I have a problem with javascript. In my code there is a radio button, on click it should call the UcSelect() function. I tried the code below but it didn't work. The function just try to print something in order to help me to understand the behavior of the code.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">   

    function UcSelect() {
        alert('hello1');
        if ($("#rbtTipo :checked").val() == 'E') {
            alert("aaaaaaaaaaaaa");
        }
        if ($("#rbtTipo :checked").value == 'E') {
            alert("bbbbbbbbbbbbbbbbbb");
        }
        return true;
    }

</script>

And the radio button:

<asp:RadioButtonList ID="rbtTipo" runat="server" Style="margin-top: 4px; margin-bottom: 8px;" onclick="UcSelect();" >
        <asp:ListItem Value="E">&nbsp; Nuovo Coefficiente Energia</asp:ListItem>
        <asp:ListItem Value="G">&nbsp; Nuovo Coefficiente Gas</asp:ListItem>
    </asp:RadioButtonList>

Satpal · Accepted Answer · 2015-06-22 07:37:36Z

2

script elements can have a src attribute or content, but not both. If they have both, the content is ignored (the content is considered "script documentation," not code).

As you are using ASP.NET and rbtTipo is a server control you need to use Control.ClientID.

<%= rbtTipo.ClientID %> will Gets the control ID for HTML markup that is generated by ASP.NET.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script>
<script>
    function UcSelect() {
        var value = $("#<%= rbtTipo.ClientID %> :checked").val();
        if (value == 'E') {
            alert("aaaaaaaaaaaaa");
        }
        if (value == 'G') {
            alert("bbbbbbbbbbbbbbbbbb");
        }
        return true;
    }
</script>

edited Jun 22, 2015 at 7:37

answered Jun 22, 2015 at 7:32

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

9 Comments

T.J. Crowder Over a year ago

Probably needs to use ClientID somewhere as well. The ID on ASP.Net controls is the server-side ID.

user3066925 Over a year ago

Thanks it works, but the statement : $("#rbtTipo :checked") return []

Satpal Over a year ago

@user3066925, try $("#<%= rbtTipo.ClientID %> :checked").val()

user3066925 Over a year ago

@Satpal, if i put the script in the same UC where the button is, is like the function is out of scope, for let the function fire i have to put it on another UC that include the UC where is the radio button, but in this uc i haven't the rbtTipo

Satpal Over a year ago

@user3066925, What is UC? Is your primary problem which you asked is solved? Are you facing new problem?

|

Nikhil Aggarwal · Accepted Answer · 2015-06-22 07:35:57Z

1

You need to update your code. You have to close the script tag properly

Add there is a redundant code of checking value E. You should remove that code or update it to check for G. For your reference, I have updated the code below.

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
 <script type="text/javascript">

    function UcSelect() {
        alert('hello1');
        if ($("#rbtTipo :checked").val() == 'E') {
            alert("aaaaaaaaaaaaa");
        }
        if ($("#rbtTipo :checked").val() == 'G') {
            alert("bbbbbbbbbbbbbbbbbb");
        }
        return true;
    }

</script>

edited Jun 22, 2015 at 7:35

answered Jun 22, 2015 at 7:30

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

Collectives™ on Stack Overflow

Javascript function behaviour

2 Answers 2

9 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related