CheckBOX ASP MVC

Question

您好我是ASP.NET MVC的新手。我不知道如何处理复选框或单选按钮以获取单击它们时的值。谁能帮我？我提供了一个简单的代码，可以帮助您理解我的意思。请分享一些例子。

<script type="text/javascript" >
     function check(browser)
     {
           document.getElementById("answer").value=browser;
     } </script>

 <form action="">
         <input type="radio" name="browser"
 onclick="check(this.value)"
 value="Internet Explorer"/>Internet
 Explorer<br />
         <input type="radio" name="browser"
 onclick="check(this.value)"
 value="Firefox"/>Firefox<br />
         <input type="radio" name="browser"
 onclick="check(this.value)"
 value="Netscape"/>Netscape<br />
         <input type="radio" name="browser"
 onclick="check(this.value)"
 value="Opera"/>Opera<br />
         <br />
         Your favorite browser is: <input type="text" id="answer"
 size="20"/>  </form>

Answer 1

控制器代码

  public ActionResult Index()
  {
    ViewData["list"] = new[]
    {
      new SelectListItem {Text = "InternetExplorer", Value = "InternetExplorer"},
      new SelectListItem {Text = "Firefox", Value = "Firefox"},
      new SelectListItem {Text = "Safari", Value = "Safari"},
      new SelectListItem {Text = "Opera", Value = "Opera"}
    };

    return View();
  }

  [AcceptVerbs(HttpVerbs.Post),ActionName("Index")]
  public ActionResult IndexPost(string browser)
  {
    // ...
  }

查看代码

  <% using (Html.BeginForm()) { %>
    <% foreach(var item in (IEnumerable<SelectListItem>)ViewData["list"]) { %>

    <label>
    <% = Html.RadioButton("browser", item.Value) %>
    <% = item.Text %></label>
    <% } %>

    <input type="submit" value="Select" />
  <% } %>

  <script type="text/javascript" src="<% = Url.Content("~/Scripts/jquery-1.3.2.js") %>" ></script>
  <script type="text/javascript">
    $(function() {
      $("form:first").submit(function(e) {
        e.preventDefault();
        alert($(this).find(":radio:checked").val());
      });
    });
  </script>

如果您希望使用浏览器值，则可以使用IndexPost方法进行编码。 或者你想在javascript，onsubmit或onclick（和其他）事件处理中，在jQuery上检查radiobutton值。

Answer 2

这是从http://byatool.com/mvc/asp-net-mvc-how-to-handle-multiple-checkboxes-with-viewsactions-jquery-too/获取的逻辑。我只是简单地修改它。

----------
HTML Part|
----------
{form action="/Test/CheckForIds/" method="post"}
    {div}
        {input type="checkbox" name="IdList" value="1"  /}
        {input type="checkbox" name="IdList" value="2" /}
        {input type="checkbox" name="IdList" value="3" /}
        {input type="checkbox" name="IdList" value="4" /}
    {/div}
    {div}
        {input type="submit" value="go" /}
    {/div}
{/form}

----------------
Controller Part|
----------------

{AcceptVerbs(HttpVerbs.Post)} _
Function GroupPageSend(ByVal selectedObjects() As String) As ActionResult
    {!--- YOUR CODE GOES HERE ---}

    EX//
        For Each item In selectedObjects
            If i = 0 Then
                string = Trim(item)
                i = i + 1
            Else
                string = string & "," & Trim(item)
            End If
        Next
End Function

以上内容将从所选复选框中收集值，并允许您管理结果。

请记住所有{=＆lt;和所有} =＆gt;

Answer 3

海友试试这个，

<asp:RadioButton ID="RadioButton1" runat="server" onmousedown="yourjsfunc();" />

Answer 4

我可能没有收到你的问题，但你的样本会很好用。

当您提交表单并且控制器的方法被称为asp.net时，mvc会将“browser”参数设置为所选单选按钮值的值。