Bootstrap风格的单选按钮自动回发不起作用?

时间:2015-06-29 09:33:04

标签: javascript jquery css asp.net twitter-bootstrap

我有关于bootstrap和asp.net单选按钮的问题。即,' AutoPostBack'命令无效。代码:

Bootsrap& JS文件链接:

<link href="css/mycss.css" rel="stylesheet"/>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/bootstrap-datetimepicker.min.js"></script> 
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/bootstrap-combined.min.css" rel="stylesheet" />
<script src="js/bootstrap.min.js"></script>

单选按钮:                             

  <label class ="btn btn-default">
    <asp:RadioButton ID="rdbAllSites" runat="server" GroupName="SiteOfManu"  Checked="false"  Text="All Sites" AutoPostBack="true"  OnCheckedChanged="rdbAllSites_CheckedChanged" />
  </label>
</div>

正如您所看到的,我已将AutoPostBack设置为true,因此希望将帖子返回给服务器。但是,这不起作用,我不知道为什么。但请注意,如果我没有将任何引导程序应用于单选按钮,它们实际上会回发。

我有什么遗失的东西吗?

非常感谢帮助。

1 个答案:

答案 0 :(得分:1)

我尝试了你的代码,它运行良好!

 <div class="btn-group" data-toggle="buttons">
     <label class ="btn btn-default">
     <asp:RadioButton ID="rdbCurrentSite" runat="server" GroupName="SiteOfManu"   Checked="true" OnCheckedChanged="rd1"  Autopostback="true" Text="Current Site"  /> 
     </label>

     <label class ="btn btn-default">
       <asp:RadioButton ID="rdbAllSites" runat="server" GroupName="SiteOfManu"  Checked="false"  Text="All Sites" AutoPostBack="true"  OnCheckedChanged="rd2" />
    </label>
    </div>

C#文件包含这两种方法

protected void rd1(object sender, EventArgs e)
{

    Response.Write("Radio1 Clicked");

}

protected void rd2(object sender, EventArgs e)
{

    Response.Write("Radio2  Clicked");

}

vb.net

    Protected Sub rd1(ByVal sender As Object, ByVal e As EventArgs) Handles rdbAllSites.CheckedChanged
        Response.Write("Button 1")
    End Sub

  Protected Sub rd2(ByVal sender As Object, ByVal e As EventArgs) Handles rdbAllSites.CheckedChanged
        Response.Write("Button 2")
    End Sub

请试试这个!并告诉我们它是否有效。

谢谢!