-1

プッシュ/プッシュ解除の 2 つの状態を持つ大量のクリック可能な html 要素を作成する必要があります。この大規模な要素の 1 つだけがプッシュ状態になることができます。RadioButtonList に似ています。また、選択した (プッシュされた) 要素の値を ViewModel の SelectedValueId にバインドする必要があります。この特定のテーマに関するヘルプは大歓迎です! ありがとう！そのデザインは次のとおりです。ここに画像の説明を入力

私が今まで得た唯一のものは、次のような大規模な heperlinks です。

<div class="content-right">
                @foreach (var item in Model.AvailablePrivacyStatuses)
                { 
                    <a onclick="doTheJob(@item.Value)" href="#">@item.Text</a>
                }
            </div>

しかし、doTheJob(@item.Value) から ViewModel に値を取得する方法は?

4

1 に答える 1

0 
    <div class="content-right">
@Html.HiddenFor(m => m.SelectedPrivacyStatusId)                    
@foreach (var item in Model.AvailablePrivacyStatuses)
                    {
                        <a data-id="@item.Value" class="selectable-button" id="status-link-@item.Value" href="#">@item.Text</a>
                    }
                </div>
                <script>
                    jQuery('div.content-right a')
                        .click(function () {
                            $(this).addClass('active');
                            $('div.content-right a').not(this).removeClass('active');
                            var id = this.getAttribute('data-id');
                            document.getElementById('SelectedPrivacyStatusId').value = id;
                        });


                </script>
于 2016-03-28T22:22:09.933 に答える