在重新加载页面上使用复选框和隐藏值进行表单

时间:2013-07-12 14:21:54

标签: checkbox onload

我不知道这是否有意义,但我有一个带复选框的表单,一旦用户点击该框,它将显示隐藏的消息。但是一旦我重新加载浏览器,复选框仍然会被选中,但隐藏的信息不再存在。

<input type="checkbox" id="CB6" name="" value=""> 

<table name="hidden" id="hidden" style="display:none;">
<tr>
<td>It works</td>
</tr>
</table>

<script type="text/javascript" language="JavaScript">
$(document).ready(function() {
$('#CB4').click(function() {
if($(this).is(':checked')) {
$('#hiddenRAcost').show();
} else {
$('#hiddenRAcost').hide();
}
});
});
</script>

当用户重新加载页面时,是否有像onload函数那样的东西,它可以运行该脚本吗?

由于

2 个答案:

答案 0 :(得分:0)

只需在页面加载时以及单击页面时查找复选框状态。

拿这个代码: if($(this).is(':checked')) { $('#hiddenRAcost').show(); } else { $('#hiddenRAcost').hide(); }

并将其直接放在$(document).ready()处理程序中。如果需要,可以将其设为函数,然后在click事件处理程序和onload中使用它。

答案 1 :(得分:0)

<body onload="myFunc()">
...
</body>

每当主体加载(或页面)时,myFunc()都会运行,因此您可以使用它来检查。