刷新from表单里面的复选框的方法

最新推荐文章于 2024-09-15 09:48:37 发布

@凡～心々

最新推荐文章于 2024-09-15 09:48:37 发布

阅读量628

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44538873/article/details/97529386

本文介绍了在ASP.NET MVC开发中，如何刷新表单内的复选框。主要方法包括使用表单重置和页面刷新。通过设置复选框的checked属性为false实现复选框状态的更新，或者使用window.location.reload()和location.reload()进行页面整体刷新。

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

开发工具与关键技术：vs asp.net mvc
作者：修
撰写时间：2019.7.27
关于如何刷新form表单里面的复选框，本人总结了几种方法，第一种是代码刷新窗口，第二种是刷新页面的时候把form表单的时候把复选框也一起刷新了。图一是我修改的时候用重置表单的方法来写的，大家可以看到本人的页面的数据是修改成功了的但是复选框里的那个勾还是存在的，那么刷新表单后要如何刷新复选框呢，请接着往下看：
在这里插入图片描述

										图一

图二是图一中的两个复选框的HTML部分的代码，在图二中的两个input标签就是就是图一的两个复选框了，在input标签中让它的类型为checkbox也就是复选框，当然它的类型有很多而我这只是用到复选框所以让input标签里的type的类型为checkbox，其中name是用来回填input标签的复选框的，写完了input标签后要记得给input标签添加上它的Id，图一中的两个复选框的id就是图二中的WorryOperationId和ChildoperationId这两个Id，至于为什么要加上它的id呢，是因为在表单重置时会用到这两个Id，所以提前加上去，如图三：
在这里插入图片描述

									图二

图三这里就是写重置表单时复选框刷新也就把复选框中的勾给去掉的，这里的两句代码就是把复选框里的勾去掉的，当然如果你用的是重置表单的方法写的话，你要把这两句代码放在重置表单的后面，不然这两句代码是不起作用的，它的意思是获取到复选框的Id里面的属性里面的checked，让它的状态为false，这样第一种写法也就是重置表单的写法就完成了，当然还有另外一种写法也就是页面刷新了。
在这里插入图片描述

											图三

页面刷新的方法是写在你想要写的方法里面的，也可以写在外面，不过一般都是写完一个方法在那个方法里面写刷新的，它有两种写法：第一种是刷新当前页面：也就是在当前页面刷新的方法window.location.reload();第二就是刷新当前窗口location.reload()；用这两个刷新页面的方法也是可以刷新复选框的。不过就是没有提示的，是直接刷新页面的。图四是第一种写法的效果，也就是重置表单的效果，你现在看到儿童手术这个复选框是刷新了的，当然刷新form表单的方法可能还有很多，这只不过是我现在发现的两种。这样刷新form表单的复选框也就完成了。
在这里插入图片描述

										图四