简单的javascript在cshtml页面MVC中

时间:2016-08-11 19:46:25

标签: javascript asp.net-mvc-4 razor

嗯,我已经受够了,它没有用。

我想在 .cshtml 页面中使用javascript一次性查看这些复选框。

复选框是表格的一部分:

<td>@Html.CheckBox(idPanier.ToString(),false, htmlAttributes: new { @class = "ckb" }) </td>

我的javascript功能已在我的页面中显示:

<script type="text/javascript">

    checkAll = function (source) {

    $(".ckb input[type='checkbox']").prop('checked', "checked");
}
</script>

2 个答案:

答案 0 :(得分:1)

以下内容将检查所有复选框。

let checkboxes = $('input[type="checkbox"]');

let checkAll = function (source) {
    source.each(function (index, element) {
    $(element).prop('checked', 'checked')
  });
}

checkAll(checkboxes);

的jsfiddle

https://jsfiddle.net/yyqp712c/

答案 1 :(得分:0)

好吧,如果不查看你的cshtml页面生成的html,我会说问题出在你的选择器上: ".chk input[type='checkbox']" 这是在<{1}} 下面type="checkbox" 的输入。

尝试.chk之类的东西?或者甚至只是$("input[type='checkbox'].chk")