2017-02-04 13 views
0

私はあなたがうまくやってくれることを願っています。同じコードで同じコードが異なる動作をします

私はこれを理解するのに苦労しています。私は、用語ボックスと送信ボタンに同意するのに同じコードを使用していますが、異なるボタン画像とリンクを使用しています。私はちょうど彼らが同じように働くためのコードをコピーしました。 ボタンは同じページにありますが、異なるチェックアウトページに移動します。最初のコードは正常に動作していますが、同意チェックボックスをチェックしていない場合はユーザーをブロックしますが、同じコードであっても2番目のコードは処理していません。それは条件に同意せずに人々を通過させています。

以下は両方のコードであり、ハイパーリンクとボタン画像のために違いがあることがわかります。

これは素晴らしいコミュニティです。私は初心者です、もしそれが素人の質問であれば、私を許してください。皆さんが私を助けてくれることを願っております。本当にありがとうございます!

ありがとうございました!

<html> 
 
<head> 
 
<script> 
 
function disableSubmit() { 
 
    document.getElementById("submit").disabled = true; 
 
} 
 

 
    function activateButton(element) { 
 

 
     if(element.checked) { 
 
     document.getElementById("submit").disabled = false; 
 
     } 
 
     else { 
 
     document.getElementById("submit").disabled = true; 
 
     } 
 

 
    } 
 
</script> 
 
<center><button type="submit" id="submit" onclick="document.location.href='https://www.jvzoo.com/b/570‌​51/250513/13';"><img src="http://i.jvzoo.com/57051/250513/13" alt="Tube Cash Blueprint (2M)" border="0" alt="Submit"/></button></center> 
 
</head> 
 
<center><h6> Tube Cash Blueprint Agreement</h6></center> 
 
<body onload="disableSubmit()"> 
 

 
<center><input type="checkbox" name="terms" id="terms" onchange="activateButton(this)"/> Check here to indicate that you have read and agreed to the terms of the <a target="_blank" href="https://johnmichaelmarketing.com/tbc-agreement/">Tube Cash Blueprint Costumer Agreement</a> </center> 
 
<br/><br/> 
 

 
</body> 
 
</html>
<html> 
 
<head> 
 
<script> 
 
function disableSubmit() { 
 
    document.getElementById("submit").disabled = true; 
 
} 
 

 
    function activateButton(element) { 
 

 
     if(element.checked) { 
 
     document.getElementById("submit").disabled = false; 
 
     } 
 
     else { 
 
     document.getElementById("submit").disabled = true; 
 
     } 
 

 
    } 
 
</script> 
 
<center><button type="submit" id="submit" onclick="document.location.href='https://www.jvzoo.com/b/57051/250467/13';"><img src="http://i.jvzoo.com/57051/250467/13" alt="Tube Cash Blueprint" border="0" alt="Submit"/></button></center> 
 
</head> 
 
<center><h6> Tube Cash Blueprint Agreement</h6></center> 
 
<body onload="disableSubmit()"> 
 

 
<center><input type="checkbox" name="terms" id="terms" onchange="activateButton(this)"/> Check here to indicate that you have read and agreed to the terms of the <a target="_blank" href="https://johnmichaelmarketing.com/tbc-agreement/">Tube Cash Blueprint Costumer Agreement</a> </center> 
 
<br/><br/> 
 

 
</body> 
 
</html>

+0

正確には機能しません。ここにあなたの最初のページがあります:https://jsfiddle.net/ky8muoh2/そしてそれは動作します。あなたの2番目のページは次のとおりです:https://jsfiddle.net/rkwer6g0/そしてそれも機能します。どうしたの? (サイドノート:あなたは*あなたの ''タグを後で閉じているでしょうか?おそらくあなたのブラウザはそれに惑わされていますか?ボタンの後ではなくスクリプトの後で閉じてください) – David

+0

そして@デビッドは、bodyタグの後ろに最初の

... rasmeister

+0

こんにちは@Davidとrasmeister、お返事ありがとうございます!ですから、https://jm.johnmichaelmarketing.com/tcb-order-jvz/に目を向けると、$ 997オファーをクリックすると、条件を受け入れる前にクリックすることはできません(これが最初のコードです)今すぐ$ 597オファー(2番目のコード)に行くと、注文ボタンをクリックすると、条件に同意せずにチェックアウトページに移動します。あなたが受け入れなければ、何もしないでください。ありがとうございました。私はあなたの助けに感謝します。 –

答えて

0

あなたは2つの要素に同じIDを使用することはできません。

このid:

<button type="submit" id="submit" onclick="document.location.href='https://www.jvzoo.com/b/57051/250467/13';" disabled=""><img src="https://i.jvzoo.com/57051/250467/13" alt="Tube Cash Blueprint" border="0"></button> 

は、これで衝突さ:

<button type="submit" id="submit" onclick="document.location.href='https://www.jvzoo.com/b/570&zwnj;&#8203;51/250513/13';"><img src="https://i.jvzoo.com/57051/250513/13" alt="Tube Cash Blueprint (2M)" border="0"></button> 

だけのIDを変更し、それが動作します。 今、あなたはIDごとに異なる機能を書き込み、またはその両方

迅速かつ汚いソリューションでそれらを使用できるようにする代わりにnameを使用する必要があります - コピー機能、変更ID:

<script> 
    function disableSubmit1() { 
     document.getElementById("submit1").disabled = true; 
    } 

    function activateButton1(element) { 
     if(element.checked) { 
      document.getElementById("submit1").disabled = false; 
     } 
     else { 
      document.getElementById("submit1").disabled = true; 
     } 
    } 

    function disableSubmit2() { 
     document.getElementById("submit2").disabled = true; 
    } 

    function activateButton2(element) { 
     if(element.checked) { 
      document.getElementById("submit2").disabled = false; 
     } 
     else { 
      document.getElementById("submit2").disabled = true; 
    } 
    } 
</script> 

<!-- button 1 --> 

<button type="submit" id="submit1" disabled="" onclick="alert('submission1')">B1</button> 

<input type="checkbox" name="terms" id="terms1" onchange="activateButton1(this)" /> 


<!-- button 2 --> 

<button type="submit" id="submit2" disabled="" onclick="alert('submission2')">B2</button> 

<input type="checkbox" name="terms" id="terms2" onchange="activateButton2(this)" /> 
+0

こんにちは@ブルノフィタス!助けてくれてありがとう、私はid =他のコードの他のsomethigの条件を変更することをお勧めしますか? id = conditionsのように?もう一度ありがとう –

+0

申し訳ありませんが、私は間違ったボタンをコピーしました:D。私は私のasnwerを編集しました。あなたはsubmitのidを変更したい。どちらのボタンもidとして送信します。 – brunofitas

+0

@ brunofitasありがとう、私はそれらを変更しましたが、私はまだそれを動作させることができません。自分のコードでサンプルコードを書いてもらえますか?だから私はそれを例に挙げてもらえますか?私はあなたの助けに本当に感謝しています。私はここに挫折しています。 –

0

あなたが持っています1つの文書に2つのhtmlタグがあります。あなたのコードを私のfirefoxインスペクタでトレースすると、2番目のコードは最初のコードのsrciptになります。何を見て、コピーします。

<br><br> 

<script type="text/javascript"> 
    <html> 
<head> 
<script> 
function disableSubmit() { 
document.getElementById("submit").disabled = true; 
} 

function activateButton(element) { 

    if(element.checked) { 
    document.getElementById("submit").disabled = false; 
    } 
    else { 
    document.getElementById("submit").disabled = true; 
    } 

} 
</script> 

あなたのコードの仕事をしたい場合は、2番目のコードの最初から<html><head><script>を削除します。

関連する問題