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

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中的复选框。