相同的代码在同一页上以不同的方式工作

问题描述：

我很难搞清楚这一点。我使用相同的代码来同意条款框和提交按钮，但使用不同的按钮图像和链接。我只是复制代码让他们以相同的方式工作。这些按钮位于同一页面上，但带您到不同的结帐页面。第一个代码工作正常，它阻止用户继续进行，如果他们没有检查协议框但第二个代码即使它是相同的代码，它不会做这项工作;它让人们通过而不同意这些条款。

下面是两种代码，你可以看到他们不同，因为他们的超链接和按钮图像。

这是一个很棒的社区。我是初学者，如果这是一个业余问题，不好意思。我真的希望你们都能帮助我，我真的很感激它！

非常感谢！

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

什么不工作？这是你的第一页：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)" />

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

相同的代码在同一页上以不同的方式工作

相关推荐