相同的代碼在同一頁上以不同的方式工作

我希望你做得很好。相同的代碼在同一頁上以不同的方式工作

我很難搞清楚這一點。我使用相同的代碼來同意條款框和提交按鈕，但使用不同的按鈕圖像和鏈接。我只是複製代碼讓他們以相同的方式工作。這些按鈕位於同一頁面上，但帶您到不同的結帳頁面。第一個代碼工作正常，它阻止用戶繼續進行，如果他們沒有檢查協議框但第二個代碼即使它是相同的代碼，它不會做這項工作;它讓人們通過而不同意這些條款。

下面是兩種代碼，你可以看到他們不同，因爲他們的超鏈接和按鈕圖像。

這是一個很棒的社區。我是初學者，如果這是一個業餘問題，不好意思。我真的希望你們都能幫助我，我真的很感激它！

非常感謝！

<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>

來源

2017-02-04 K. F

什麼不工作？這是你的第一頁：https://jsfiddle.net/ky8muoh2/它的工作原理。這是你的第二頁：https://jsfiddle.net/rkwer6g0/它也可以。有什麼問題？（注意：*你的* *會在晚於應該的時候關閉你的''標籤，也許你的瀏覽器會被這個問題弄糊塗了嗎？它應該在腳本之後關閉，而不是在按鈕之後關閉。） – David

並添加到@大衛說，你應該把你的第一個

... rasmeister

你好@David和rasmeister，謝謝你的回答！因此，請通過https://jm.johnmichaelmarketing.com/tcb-order-jvz/瀏覽一下，您可以看到，如果您點擊997美元的優惠，則在接受條款之前無法點擊它（這是第一個代碼）現在，當您使用597美元的優惠（第二個代碼）時，您點擊訂單按鈕，它會將您帶到結賬頁面，而無需接受條款。如果你不接受，它應該什麼也不做。謝謝大家，我很感謝你對此的幫助 –

不能使用同一個ID爲2元。

此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>

只要改變IDS，它會工作。現在你必須寫每個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)" />

來源

2017-02-04 01:30:40 brunofitas

Hello @brunofitas！非常感謝您的幫助，所以您建議我在其他代碼中更改id = terms for somethig else？像id =條件？再次感謝 –

對不起，我複製了錯誤的按鈕：D。我編輯了我的asnwer。你想改變提交的ID。兩個按鈕都以id身份提交。 – brunofitas

謝謝@brunofitas，我改變了他們，但仍然無法實現。你能用我的代碼給我寫一個示例代碼嗎？那麼我可以把它作爲一個例子嗎？我真的很感謝你的幫助，我在這裏感到沮喪，哈哈 –

你有兩個html標籤在一個文檔中。當我用我的Firefox檢查器跟蹤你的代碼時，你的第二個代碼就是第一個代碼的源代碼。我所看到的和複製：

<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>

如果您希望您的代碼工作從第一第二代碼刪除<html><head><script>。

來源

2017-02-04 01:42:03

相同的代碼在同一頁上以不同的方式工作

回答

相關問題