Jak wysłać listę zaznaczonych pól wyboru z widoku do kontrolera

Question

Próbowałem ustalić, w jaki sposób mogę uzyskać listę zaznaczonych pól wyboru do działania przy użyciu ActionLinka. Myślę, że muszę zrobić coś z klientem przy pomocy JavaScript, ale nie mogę znaleźć odpowiedniego kodu.

Poniższy kod działa idealnie za pomocą przycisku "prześlij", odsyłając wybrane identyfikatory jako tablicę identyfikatorów, ale muszę mieć to na stronie z innymi przyciskami.

// the view 
@foreach (var station in Stations) 
{ 
    <input type="checkbox" name="selected" value="@station.StationId" /> 
}  
<input type="submit" value="Save" /> 

//Controller stub 
public ActionResult Action(string [] selected) 

Utknąłem na tym przez wiele godzin, więc może patrzę na to w niewłaściwy sposób.

PS. Mój pierwszy post po wielu godzinach czytania i uczenia się tutaj.

Answer 1

Wygląda na to, że nie szukasz AJAX postu. Najprostszym sposobem rozwiązania tego problemu jest zawarcie go w formularzu i wywołanie funkcji przesyłania. Oto, jak powinien wyglądać Twój kod:

@using(Html.BeginForm("uraction", "urcontroller", FormMethod.Post, new { id = "formId" })) { 
    foreach(var station in Stations) { 
     <input type="checkbox" name="selected" value="@station.StationId" /> 
    } 
} 
<a href="#" id="postBtn">Post</a> 
<script> 
    $(document).ready(function() { 
     $('#postBtn').click(function() { 
      $('#formId').submit(); 
     } 
    } 
</script> 

Answer 2

SomeButtons lub linki do posta CheckBoxList wartości

<a href="#" id="someButton">Post</a> 
//or buttons, helpers and any elements to trigger ajax post... 

CheckBoxList:

<div id="MyDiv"> 
    @foreach (var station in Stations) 
    { 
     <input type="checkbox" name="selected" value="@station.StationId" /> 
    } 
</div> 

Skrypty:

$(document).ready(function() { 
    $('#someButton').click(function() { 
     var list = []; 
     $('#MyDiv input:checked').each(function() { 
      list.push(this.name); 
     }); 
     // now names contains all of the names of checked checkboxes 
     // do something with it for excamle post with ajax 
     $.ajax({ 
      url: '@Url.Action("Action","Contoller")', 
      type: 'POST', 
      data: { Parameters: list}, 
      success: function (result) { 
       alert("success")! 
      }, 
      error: function (result) { 
       alert("error!"); 
      } 
     }); //end ajax 
    }); 
}); 

Controll ER:

public ActionResult Action(string [] Parameters) 

czy mam rację :)