Question

我的javascript有问题。在我的代码中有一个单选按钮，点击它应该调用UcSelect()函数。我尝试了下面的代码，但它没有用。该函数只是尝试打印一些东西，以帮助我理解代码的行为。

<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>

单选按钮：

<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>

Answer 1

script elements可以包含src属性或内容，但不能同时包含两者。如果两者都有，则忽略内容（内容被视为“脚本文档”，而不是代码）。

当您使用ASP.NET并且rbtTipo是服务器控件时，您需要使用Control.ClientID。

<%= rbtTipo.ClientID %>将获取ASP.NET生成的HTML标记的控件ID。

<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>

Answer 2

您需要更新代码。您必须正确关闭脚本标记

添加一个检查值E的冗余代码。您应该删除该代码或更新它以检查G.作为参考，我已更新下面的代码。

 <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>

Javascript函数行为

2 个答案: