2012-03-12 9 views
0

ASP.netにチェックボックスリストがあり、そこにいくつかの選択肢があります。私は物理チェック可能なボックスを見えなくすることができる方法はありますか?問題のアイテムのみが表示されるようにしたいが、ボックスは見えない。これが不可能な場合、誰かがチェックボックスリストと同様に動作する代替のASPコントロールを推奨できますか?例えばチェックボックスリストを非表示にする

私はこのようなCheckBoxListのを持っている:

<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量のボタンを作成するのは面倒です。

は答えは1として、私はデモの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> 

、私はまだそれが仕事を得ることができないUnfortunatley。追加の助けがあれば幸いです。

答えて

1

jQueryUIをチェックしましたか?

は、デモページを見てみましょう:http://jqueryui.com/demos/button/#checkbox

私はよく理解した場合、彼らはあなたが探している正確に何を持っています。

+0

これは私が探していたものですが、チェックボックスリストに適用する例を挙げることはできますか? .buttonをチェックボックスリストに適用すると、入力リストを1つのボタンにするだけです。 –

関連する問題