gpt4 book ai didi

javascript - 如何在页面刷新时保持链接状态

转载 作者:行者123 更新时间:2023-11-28 02:46:32 24 4
gpt4 key购买 nike

我有一个包含 4 个可点击 (href) 链接列表的页面。每个链接指向相同的表单提交页面。用户提交表单并返回到原始页面,他们点击的链接现在被禁用,剩下 3 个可点击链接。可以重复此过程,直到没有剩余的可点击链接为止。所以每个链接只能点击一次。到目前为止,一切都很好...但是,如果刷新页面,所有禁用的链接将再次启用。“我怎样才能防止这种情况发生”。每个链接只应单击一次,即使页面已刷新。请问我该怎么做?这是我的 html 代码...

<script type="text/javascript">
function check(link) {
$(link).replaceWith($(link).text());
}
</script>
<style>

a:link{
color:#1DAAA1;
text-decoration:none;

}
a:visited{
color:#1DAAA1;
}
a:hover{
background-color: #ff7f00;
color: #FFF;
}

</style>

</head>
<body style="background-color:#eeeeee">

<table style="margin-top:200px; width:500px; background-color:#ffffff" align="center" border="5px solid">
<tr align="center" >
<td><a href="submitform.php" target="_blank" onclick="return check(this);"> Submission 1 </a></td>
<td><a href="submitform.php" target="_blank" onclick="return check(this);"> Submission 2 </a></td>
<td><a href="submitform.php" target="_blank" onclick="return check(this);"> Submission 3 </a></td>
<td><a href="submitform.php" target="_blank" onclick="return check(this);"> Submission 4 </a></td>
</tr>

</table>
</body>

最佳答案

这是解决问题的一种方法。

<form action="submitform.php" method="post" name="yourform">
<table>
<tr style="text-align:center;" >
<td><a <?php echo $_POST["sub1"] ? "" : "href='#'"?> onclick="document.forms["yourform"].submit()" name="sub1"> Submission 1 </a></td>
<td><a <?php echo $_POST["sub2"] ? "" : "href='#'"?> onclick="document.forms["yourform"].submit()" name="sub2"> Submission 2 </a></td>
<td><a <?php echo $_POST["sub3"] ? "" : "href='#'"?> onclick="document.forms["yourform"].submit()" name="sub3"> Submission 3 </a></td>
<td><a <?php echo $_POST["sub4"] ? "" : "href='#'"?> onclick="document.forms["yourform"].submit()" name="sub4"> Submission 4 </a></td>
</tr>
</table>
</form>

您也可以像这样禁用链接并将值存储在变量中。

<a href onclick="storeVar" title="sub1">Submission1</a>
<script>
var arr = [];
function storeVar(e){
if(arr.indexOf($(e.target).attr("title")) == -1)
arr.push($(e.target).attr("title"));
if(arr.length > 3)
//do something
}
</script>

关于javascript - 如何在页面刷新时保持链接状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41308989/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com