【问题标题】:Get Checkbox value in mvc5获取mvc5中的复选框值
【发布时间】:2015-03-23 06:36:15
【问题描述】:

我正在创建一个表格。我想获得选中的复选框值。

<tr>
  <td>
    @item
    <input type="hidden" value="@item" name="@item" class="chkbx" id="ControllerName" />
  </td>
  <td>                    
    <input type="checkbox" id="Iscreate" value="@Create" class="chkbx" />
  </td>
  <td>
    <input type="checkbox" id="IsDelete" value="@Delete" class="chkbx" />
  </td>
  <td>
    <input type="checkbox" id="IsView" value="@View" class="chkbx" />
  </td>
  <td>
    <input type="checkbox" id="IsEdit" value="@Edit" class="chkbx" />
  </td>
  <td>
    <input type="checkbox" id="IsDownload" value="@Download" class="chkbx" />
  </td>
</tr>

我使用的jQuery代码

<script type="text/javascript">
  $('input[type=checkbox]').change(function () {
    var vales = $("#ControllerName").val();
    var vals = $('input[class=chkbx]:checked').map(function () {
      return $(this).val();
    }).get().join(',');
    $('#debug').val(vals);
  });
</script>

基本上这段代码在隐藏字段中创建一个值,如下所示

3-创建-帐户、3-删除-帐户、3-查看-帐户、3-编辑-帐户、3-下载-帐户

但其实我需要这个

3-帐户-创建-删除-编辑-下载-视图、4-帐户-创建-删除-编辑-下载-视图、5-帐户-创建-删除-编辑-下载-视图

我完全糊涂了:(

【问题讨论】:

  • 是的,使用表单集合。我只需要使用 jquery 创建在帖子中定义的这个值
  • 天啊。使用视图模型和强类型 html 助手,然后回发模型
  • 这基本上用于创建操作日期从不同的表获取并保存到不同的表,这就是为什么我使用 html 而我不需要使用强类型......
  • 不正确的做法有什么关系?
  • Stephan Muecke 你能帮忙创建这个吗请分享你的Skype。

标签: asp.net asp.net-mvc-4 c#-4.0 asp.net-mvc-5


【解决方案1】:

使用您想要的属性制作视图模型:

public class YouViewModelName()
{

    public bool IsView {get; set;}
    public bool IsDeleted{get; set;}
    public bool IsCreated{get; set;}
    public bool IsEdited{get; set;}
    ......... and so on
}

然后在你的视图中使用这个视图模型:

@Html.CheckBoxFor(x => x.IsView)
@Html.CheckBoxFor(x => x.IsDeleted)
@Html.CheckBoxFor(x => x.IsCreated)
@Html.CheckBoxFor(x => x.IsEdited)

等等……

当您将表单发布到您的发布操作时,您将获得值。

[HttpPost]
public ActionResult PostActionName(ViewModelName viewModel)
{
 //use values here
}

【讨论】:

    猜你喜欢
    • 2014-11-02
    • 2018-08-13
    • 2012-07-20
    • 1970-01-01
    • 1970-01-01
    • 2021-04-19
    • 2014-03-30
    • 1970-01-01
    相关资源
    最近更新 更多