MVC中视图界面设置Checkbox

最新推荐文章于 2021-06-19 16:47:49 发布

转载最新推荐文章于 2021-06-19 16:47:49 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Sientuo/p/6927739.html

文章标签：

#测试 #数据库

本文讨论了Checkbox在网页中的使用技巧，包括全选/反选功能的实现方式，并介绍了如何根据后台传来的bit值动态显示不可编辑的Checkbox状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天是六一儿童节，来谈谈Checkbox，前面的博客已经提到了关于单选、多选、反选、全选等问题的处理，这里作一下补充说明。

全选/反选

<td width="5%"><input type="checkbox" name="r1" class="chkPriKey" value="@item.PriKey" /></td>

 function selectAll() {
     if ($("#CheckboxAll").is(":checked")) {
           $("[name=r1]:checkbox").prop("checked", true)

     } else {
            $("[name=r1]:checkbox").prop("checked", false)
     }
 }

中规中矩，没什么亮点，根据园友Vanteking 的评论，得到改进方法

  $("#SelectAll").click(function () {
      var _check = $(this).prop('checked')
      $("[name=r1]:checkbox").prop('checked', _check)
   })

进一步观察发现，所有复选框的checked属性值和控制全选的复选框的checked的属性值时相同的，因此，再次更进为

  $("#SelectAll").click(function () {
      $("[name=r1]:checkbox").prop('checked', this.checked);
  })

既然点击了复选框，总是要对这些数据进行操作，假设是作删除操作，必然涉及到传值，选择 Each + push 的方法,上一篇作出过说明，这里就不再赘述。

如果遇到是这样一种情况，后台将一个bit值传到前台，视图根据其 bool值来显示Checkbox 是否勾选，该选框不可编辑

（PS： bit类型的值，创建实体类时，对应的是bool值，在ADO.net操作时，当做bool值来处理，存储数据库时会自动转为bit类型）

其实，对于Checkbox标签，只要有checked 属性，即使赋值为 " ", 界面显示时，仍为勾选状态

那么，思路： bool值为true ，显示checked属性，反之，不显示

理想实现：三目运算符

<input type="checkbox" @(Html.Raw(item.FunctAuthFlag==true?"checked=\"checked\"":"")) />

对于不可编辑添加一属性设置：disabled="disabled" 即可

<input type="checkbox" disabled="disabled" @(Html.Raw(item.FunctAuthFlag==true?"checked=\"checked\"":"")) />

---- 市人皆大笑，举手揶揄之

转载于:https://www.cnblogs.com/Sientuo/p/6927739.html