-1

javascriptコーディングを配置する必要がある2つのページ（page1.phpとpage2.php）があります。page1.phpには、page2.phpにリンクする2つの画像があります。

これは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を使用する必要がある場合は、クエリ文字列でparmを渡すと、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 variable を 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 に答える