Делаем Checkboxlist невидимым - PullRequest
Новая
       6

Делаем Checkboxlist невидимым

0 голосов
/ 12 марта 2012

У меня есть флажок в 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>

К сожалению, я до сих пор не могу заставить его работать.Любая дополнительная помощь будет высоко ценится.

1 Ответ

1 голос
/ 12 марта 2012

Вы проверяли jQueryUI?

Посмотрите на демонстрационную страницу: http://jqueryui.com/demos/button/#checkbox

Если я правильно понял, у них есть именно то, что вы ищете.

...