2

基本的には、ラジオ ボタンのない RadioButtonList が必要です。rbl をコーディングして、選択した項目の背景色を変更し、よりプロフェッショナルに見えるようにします。ラジオ ボタン自体を削除できるようにしたいのです。見栄えの...方法を知っている場合は、教えてください！

4

3 に答える 3

2

これは私を大いに助けました: http_://www.ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

このリンクは壊れています。元の所有者は永久にオフラインなので、コンテンツは

おそらく、これを読んでいる方は、css の入力で背景を none に設定してみてください。

<style>
   input {
      background:none !important;
   }
</style>
于 2010-01-08T19:14:54.107 に答える
1

いくつかのトリックをJavaScriptに混ぜずに、簡単な方法は考えられません。

これはあなたが望むものかもしれません:
CSS (および jQuery のダッシュ) でスタイル設定されたアクセス可能なカスタム デザインのチェックボックスとラジオ ボタンの入力

スタンドアロンのデモはこちら.

ラジオボタンを模倣するために使用される画像: (ソース:フィラメントグループ.com )ラジオ ボタンの画像

于 2010-01-08T19:03:04.520 に答える
0

もっともらしい解決策を見つけた...

    <head runat="server">
    <title>Test - Hide radio circles from radiobuttonlist</title>
    <script type="text/javascript">
    function hideRadioSymbol()
    {
        var rads = new Array();
        rads = document.getElementsByName('list1'); //Whatever ID u have given to ur radiolist.
        for(var i = 0; i < rads.length; i++)
            document.getElementById(rads.item(i).id).style.display = 'none'; //hide
    }
    </script>
    </head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:RadioButtonList ID="list1" runat="server">
            <asp:ListItem Value="item1" Text="item1"></asp:ListItem>
            <asp:ListItem Value="item2" Text="item2"></asp:ListItem>
        </asp:RadioButtonList>
    </div>
    <script type="text/javascript">hideRadioSymbol()</script> //After list is completely rendered/loaded.
    </form>
</body>
</html>

ああ、ところで、mvc は素晴らしいです。asp.net は最初からこうあるべきだったのです!!

于 2010-01-10T12:10:22.177 に答える