Question

如果在服务器端选中了bootstrap复选框，我需要得到true或false

这是控件：

<div id="CheckCategoria" runat="server" class="btn-group" data-toggle="buttons-checkbox" runat="server">
    <asp:Button ID="ChkInspecao" OnClientClick="return false;" Text="Inspeção" UseSubmitBehavior="False" runat="server" CssClass="btn btn-check" />
    <asp:Button ID="ChkHipot" OnClientClick="return false;" Text="Hipot" UseSubmitBehavior="False" runat="server" CssClass="btn btn-check" />
    <asp:Button ID="ChkCalibracao" OnClientClick="return false;" Text="Calibração" UseSubmitBehavior="False" runat="server" CssClass="btn btn-check" />
    <asp:Button ID="ChkChecagemInterna" OnClientClick="return false;" Text="Checagem Interna" UseSubmitBehavior="False" runat="server" CssClass="btn btn-check" />
    <asp:Button ID="ChkRevisao" OnClientClick="return false;" Text="Revisão" UseSubmitBehavior="False" runat="server" CssClass="btn btn-check" />
</div>

因为他们有runnat="sever"，我可以在服务器端获取它们，但我怎么能看到它是否被切换？

我试过了：

string Inspecao = ChkInspecao.Attributes["checked"];

但它返回null。

我该怎么做？

Answer 1

您可以使用Jquery创建漂亮的复选框，请查看此页面： ChackBox UI Jquery

无论如何，这是一个如何：

 <script  type="text/javascript">
    $(function () {
        $(".btn").click(function () {

            //The old selected gets unselected
            $(".Selected").addClass("NoMore");

            //This won't 
            $(this).removeClass("NoMore");

            //Because this is the one selected
            $(this).addClass("Selected");

            //Take the tab selected
            $("#ValSel").val($(this).attr("id"));
            return false;
        });
    });
</ script>
<asp:HiddenField ID="ValSel" ClientIDMode="Static" runat="server" />

然后，从代码隐藏：

Label1.Text = ValSel.Value;

这是我使用的风格（但并不重要）：

<style>
.Selected
{
    color:Green;
}
.NoMore
{
    color:Red;
}
</ style>

我想你会改变背景颜色，但我坚持认为，你可以使用Jquery UI中的复选框。

看看是否勾选了bootstrap复选框asp.net c＃

1 个答案: