-1

我有两个页面（page1.php 和 page2.php）需要放置 javascript 编码。在 page1.php 上，有两个指向 page2.php 的图像链接。

这是 page1.php 的代码：

<a href="page2.php"><img src="btn1.png" id="img1"></a>
<a href="page2.php"><img src="btn2.png" id="img2"></a>

这是 page2.php 的代码：

<input id="t_c" type="checkbox" name="t_c" value="1"/>
<input type="image" value="continue" src="images/btn_cont.png"/>

如果用户单击 image1，它将转到 page2.php。然后如果用户没有单击复选框，则会显示错误消息。

如果用户单击 image2，它将转到 page2.php。那么如果用户没有点击复选框，将会显示不同的错误信息。

4

2 回答 2

0

输入类型图像是一个提交按钮。

如果第 2 页是 php 页面，最好的解决方案是 - 正如 jeff9888 所提到的，选择要在服务器上显示的消息。如果必须使用 JavaScript，请在​​查询字符串中传递参数，它将显示在第 2 页的 location.search 中

第 1 页

<a href="page2.php?parm=img1"><img src="btn1.png" id="img1"></a>
<a href="page2.php?parm=img2"><img src="btn2.png" id="img2"></a>

第2页：

<hmtl>
<head>
<title>Page 2</title>
<script>
window.onload=function() {
  document.getElementById("form1").onsubmit=function() {
    if (!this.elements["t_c"].checked) { // note the "this" keyword
      if (location.search.indexOf("img1")!=-1) { // ?id=img1
        alert("Please check the checkbox for image 1");
      }
      else  {
        alert("Please check the checkbox for image 2");
      }
      return false; // cancel submit
    }
    return true; // allow submit
  }
}
</script>
</head>
<body>
<form id="form1">
  <input id="t_c" type="checkbox" name="t_c" value="1"/>
  <input type="image" value="continue" src="images/btn_cont.png"/>
</form>
</body>
</html>
于 2013-03-03T06:38:20.433 回答
0

将 get 变量发送到您的 page2.php：

<a href="page2.php?id=img1"><img src="btn1.png" id="img1"></a>
<a href="page2.php?id=img2"><img src="btn2.png" id="img2"></a>

然后在您的 page2.php 中，使用您获得的 ID 来决定要显示的错误消息。

<?php
if($_GET['id']=='img1')
    $msg="Message 1";
else if($_GET['id']=='img2')
    $msg="Message 2";
?>
于 2013-03-03T06:40:49.437 回答