首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >CheckBOX MVC

CheckBOX MVC
EN

Stack Overflow用户
提问于 2009-09-21 21:21:26
回答 4查看 1.6K关注 0票数 0

嗨,我是ASP.NET MVC的新手。我不确定如何处理复选框或单选按钮,以便在单击它们时获得值。有人能帮我吗?我提供了一个简单的代码,可以帮助你理解我的意图。请分享一些例子。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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>
EN

回答 4

Stack Overflow用户

发布于 2009-09-22 07:11:25

控制器代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  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)
  {
    // ...
  }

查看代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  <% 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获得选中的单选按钮值。

票数 1
EN

Stack Overflow用户

发布于 2011-01-06 21:52:33

这是取自:http://byatool.com/mvc/asp-net-mvc-how-to-handle-multiple-checkboxes-with-viewsactions-jquery-too/的逻辑。我只是简单地对其进行了最小程度的修改。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
----------
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

以上功能将从选中的复选框中收集值,并允许您管理结果。

记住所有{=<和所有}=>

票数 1
EN

Stack Overflow用户

发布于 2009-09-21 21:35:16

我的朋友试试这个,

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<asp:RadioButton ID="RadioButton1" runat="server" onmousedown="yourjsfunc();" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1458234

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文