asp 翻页保存 checkbox值 js解决方案

最新推荐文章于 2020-08-03 12:13:38 发布

原创最新推荐文章于 2020-08-03 12:13:38 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#asp #javascript #function #input #button #web开发

本文介绍了一种使用JavaScript解决ASP项目中翻页时如何保持Checkbox选中状态的方法。通过隐藏控件和JavaScript函数，实现了在翻页前后保持Checkbox的状态，并能记录多个页面的选择值。

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

在web的翻页中有很多情况下有checkbox控件，如何在选择当前页的checkbox后翻页回来还能保留状态且记录多个页面选择的checkbox的value是在web开发中常见的问题。

这次开发asp项目有遇到这个问题，写了一个小的demo用了hidden控件和js代码来实现，对每页checkbox数量不多的情况效率应该还不错，但是太多了js遍历控件可能会导致性能下降。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<SCRIPT FOR = form1 EVENT = onsubmit>
    alert("aaa");
</script>
<body>
<FORM name="form1" METHOD=POST ACTION="" >
<INPUT TYPE="hidden" name="hdnChk" value="1,3,8,9">
<TABLE>
<TR>
<TD>1</TD>
<TD><INPUT TYPE="checkbox" NAME="chk" value="1"></TD>
</TR>
<TR>
<TD>2</TD>
<TD><INPUT TYPE="checkbox" NAME="chk" value="2"></TD>
</TR>
<TR>
<TD>3</TD>
<TD><INPUT TYPE="checkbox" NAME="chk" value="3"></TD>
</TR>
<TR>
<TD>4</TD>
<TD><INPUT TYPE="checkbox" NAME="chk" value="4"></TD>
</TR>
</TABLE>
<input type="button" name="btn" value="prew" onclick="javascript:setCheckBox(document.all.chk,document.all.hdnChk)">
<input type="button" name="btn" value="next" onclick="javascript:keepCheckBox(document.all.chk,document.all.hdnChk)">
<INPUT TYPE="submit" value="submit">
</FORM>
</body>