“回填”复选框

最新推荐文章于 2024-08-08 18:00:48 发布

³²⁶

最新推荐文章于 2024-08-08 18:00:48 发布

阅读量405

点赞数

分类专栏： ASP.NET.MVC 文章标签： “回填”复选框

本文链接：https://blog.csdn.net/weixin_44547598/article/details/96367464

版权

该博客介绍了一种在页面重新加载后自动恢复复选框选中状态的技术。通过将用户勾选的复选框状态存储在session中，在页面加载时读取session数据并重新勾选相应的复选框。提供了控制器保存session的方法代码和回填复选框的JavaScript代码示例。

摘要由CSDN通过智能技术生成

将勾选中的复选框，再进行一次加载时将原有的复选框中的√自动勾选上
具体的演示效果如下图，先勾选上，再点击猪肉进行一次加载，这时候页面上会自动将原先勾选上的勾再次勾选上
具体实现的代码如下，将勾选上勾的数据保存到session中

//定义两个数组
var inputHaveChecked = new Array(); //存放已被勾选的input框
var inputNotHaveChecked = new Array(); //存放没有被勾选的input框
//点击复选框方法(获取到所有已经勾选的复选框的ID值（wgItemID）)
$("#wineGreensImage").on("click" ,"input" , function () {
var wgItemID = $(this).val();
//判断被点击后是否有checked这个属性
    if ( $(this).prop("checked") == true) {
//判断该ID在have中是否存在
        if (inputNotHaveChecked.indexOf(wgItemID) > -1 ) {