用Jquery在前台实现单选按钮事件不刷新页面

Question

 急求，asp前台怎么选中单选框后asp前台怎么选中单选按钮事件不刷新页面

Answer 1

加个属性 OnClientClick ="function"
类似oncheckedchanged要提交后台的都删掉提交后台用$.ajax
至于要实现  dvDateMonth.Visible = dvDateDays1.Visible = dvDateDays2.Visible = false;
这些jquery都是可以轻易做到的

Answer 2

只是一些元素的隐藏显示 用Jquery很容易做到 如 $("#dvDateDays1").hide();

Answer 3

楼主为什么不使用 vs自带无刷新控件updatepanel控件呢？

Answer 4

前端JS完全可以控制的，为什么要写到后台CS文件中

Answer 5

谢谢大家！我已经解决了。方法如下
<script type="text/javascript">
       function masterId(id) {
           return "#ctl00_ContentPlaceHolder_" + id;
       }
       //单天
       function DisplayDay() {
           $(masterId("dvDateDay")).show();
           $(masterId("dvDateMonth")).hide();
       }
       //单月
       function DisplayMonth() {
           $(masterId("dvDateDay")).hide();
           $(masterId("dvDateMonth")).show();
       }
       $(document).ready(function () {           //窗体加载时，判断radio是否选中，
           var day = $("input[type = radio]:checked").val();
           if (day == "rbtnDay") {
               DisplayDay();
           } else if (day == "rbtnMonth") {
               DisplayMonth();
           } else {
               DisplayDay();
           }//单选按钮       });                      //窗体加载完毕
     
   </script>
<asp:RadioButton ID="rbtnDay" runat="server"  GroupName="rDate" Text="单天"  AutoPostBack="True" Checked="true" OnClick="return DisplayDay();"/>&nbsp;
                    <asp:RadioButton ID="rbtnMonth" runat="server" GroupName="rDate" Text="单月" AutoPostBack="True" OnClick="return DisplayMonth();"/>&nbsp; <div id="dvDateDay" runat="server" style="float:left;display:none;"> 
                        <asp:TextBox ID="txtDate" runat="server" Width="80px" CssClass="Wdate" ToolTip="点击后选择单天日期" onclick="WdatePicker()" MaxLength="10"></asp:TextBox>
                    </div>
                    <div id="dvDateMonth" runat="server" style="float:left;display:none;">
                        <asp:DropDownList ID="ddlMonth" runat="server" ToolTip="选择月份">
                        </asp:DropDownList></div>