リストにバインドされたクリック可能な（オン/オフ状態の）html要素の作成方法<SelectItem>

Question

2つの状態：puched/unpushedを持つ大量のクリック可能な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？

Answer 1

<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>