Question

我在ASP.net中有一个复选框列表，其中有几个选项。有没有办法让身体检查框看不见？我想要它，以便只有相关的项目可见，但该框是不可见的。如果这是不可能的，有人可以推荐一个与复选框列表相似的备用ASP控件吗？

例如，我有一个复选框列表，如：

<asp:CheckBoxList  ID="Example" runat="server" AutoPostBack="false" RepeatColumns="2" RepeatDirection="Horizontal">        
        <asp:ListItem> 1 </asp:ListItem> 
        <asp:ListItem> 2 </asp:ListItem> 
        <asp:ListItem> 3 </asp:ListItem> 
        <asp:ListItem> 4 </asp:ListItem> 
        <asp:ListItem> 5 </asp:ListItem> 
 </asp:CheckBoxList>

现在我只希望数字可见且可选，但我希望复选框不可见。就像按钮的工作方式非常相似，但我觉得创建x个按钮可能会更加乏味。

根据答案，我尝试了演示Jquery，并提出了这个：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Testjq.Test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type = "text/javascript" src ="Scripts/jquery-1.7.1.min.js"></script>
<script type = "text/javascript" src ="Scripts/jquery-ui-1.8.18.custom.min.js"></script>
<script>
    $(function () {
        $("#check").button();
        $("#format").buttonset();
    });
    </script>
    <style>
    #format { margin-top: 2em; }
    </style>
    <title></title>
</head>
<body>



<div class="demo">

<input type="checkbox" id="check" /><label for="check">Toggle</label>

<div id="format">
    <input type="checkbox" id="check1" /><label for="check1">B</label>
    <input type="checkbox" id="check2" /><label for="check2">I</label>
    <input type="checkbox" id="check3" /><label for="check3">U</label>
</div>

</div><!-- End demo -->

</body>
</html>

不幸的是，我仍然无法让它发挥作用。任何额外的帮助将非常感激。

Answer 1

你检查过jQueryUI吗？

查看演示页面：http://jqueryui.com/demos/button/#checkbox

如果我理解得很好，他们就会有你想要的东西。

使Checkboxlist不可见

1 个答案: