如何修改checkboxlist的外观使其看起来像按钮

时间:2012-05-25 15:48:39

标签: c# asp.net

我认为这很容易,但我无法找到如何做到这一点。我找到了如何使用复选框(http://msdn.microsoft.com/en-us/library/system.windows.forms.checkbox.appearance.aspx)

执行此操作

但是,如何使用checkboxlist控件呢?

1 个答案:

答案 0 :(得分:1)

正如Steve B所说,一个好方法是使用jQuery。我在asp:Repeater控件中放了一个复选框,我修改了这个复选框的外观,看起来像一个按钮。这是代码:

<asp:Repeater ID="RepeaterVocabularyWords" runat="server" OnItemCommand="RepeaterVocabularyWords_ItemCommand">
    <ItemTemplate>
        <span class="storeCheck">
            <asp:CheckBox ID="CheckBoxVocabularyWord" Font-Size="0px" runat="server" Text="<%# Container.DataItem %>"
                ClientIDMode="Static" CssClass="{labelOn: '<%# Container.DataItem %>', labelOff: '<%# Container.DataItem %>', easing: 'easeOutBounce', duration: 500}" />
        </span>
    </ItemTemplate>
</asp:Repeater>

在后面的代码中:

String [] wordsForButtons = new[] { "text1", "text2", "text3" };               
RepeaterVocabularyWords.DataSource = wordsForButtons;
RepeaterVocabularyWords.DataBind(); 

我希望它对某人有用!

卡洛斯