jQuery和ASP：RadioButton和.change（）不起作用

Question

找到了类似的问题，但并没有解决我的问题。 我试图在用户选择RadioButton时调用.change（）事件以显示一些隐藏的文本。

我在JSFiddle中进行了尝试，它可以使用普通形式，但似乎无法使其与我的ASP.NET形式一起使用。

原始代码-http://jsfiddle.net/pJgyu/8226/ （单击“是”或“否”时，它将显示或隐藏该段落）。

我的ASP代码-

<asp:RadioButton ID="RadioButton1" runat="server" Text="Yes" GroupName="RadioGroup1" />    <br /></p>
<asp:RadioButton ID="RadioButton2" runat="server" Text="No" GroupName="RadioGroup1" />      

<p style="display: none">testing 1...2...3...</p>  

当我启动我的JQuery代码时-

$("input:radio").change(function ()
  $("p").toggle("slow");
});

并将“ input：radio”更改为＃RadioButton1（或2）甚至<％= RadioButton1％>都不会发生。

那么，我在做什么错呢？ 我是JQuery整体ASP.NET新手。 :)

感谢您的任何方向/指针/提示。

Answer 1

尝试将所有内容准备就绪

$(function() {
  $( "#accordion" ).accordion();
  $("input:radio").change(function () {
     $("p").toggle("slow");
   });
});

由于您选择让jsfiddle将所有内容包装在$(window).load() ，因此jsfiddle上的现有代码可以正常工作

Answer 2

这段代码对我有用！ 经过测试:)

<asp:RadioButton ID="RadioButton1" runat="server" Text="Yes" GroupName="RadioGroup1" />        
<br/>
<asp:RadioButton ID="RadioButton2" runat="server" Text="No" GroupName="RadioGroup1" />      

<p style="display: none">testing 1...2...3...</p>  


<script type="text/javascript">
   $(document).ready(function () {
        $("input:radio").change( function (){
            $("p").toggle("slow");
        });
    });
</script>

Answer 3

这可能与asp.net在呈现控件时实际为其分配的ClientID值有关。

$(function(){

    var radioButton1 = '<%= RadioButton1.ClientID %>';
    var radioButton2 = '<%= RadioButton2.ClientID %>';

    $(radioButton1).change(function ()
      $("p").toggle("slow");
    });

    $(radioButton2 ).change(function ()
      $("p").toggle("slow");
    });
});

Answer 4

您也可以获取click事件，有时候这是一个不错的选择

$("input:radio").click(function(){
    //yout code here
});