Javascript 我想使我的提交按钮成为href图像_Javascript_Jquery_Html

Javascript 我想使我的提交按钮成为href图像

javascript jquery html

Javascript 我想使我的提交按钮成为href图像,javascript,jquery,html,Javascript,Jquery,Html,我有一个巨大的问题，试图找出如何使这个协议的形式工作。它的设计使人们必须接受条款和条件才能提交，如果他们不选中该框，则提交按钮将变为灰色且不可用。它的工作方式是完美的，但现在我想用这个图片代替提交按钮它就像一个订单图像，将您重定向到结帐页面。我做了很多研究，但似乎没有得到我想要的答案。我试过设计它，但什么都没用我非常感谢你的帮助，非常感谢函数disableSubmit（）{ document.getElementById（“提交”）.disabled=true； } 功能激活按钮（

我有一个巨大的问题，试图找出如何使这个协议的形式工作。它的设计使人们必须接受条款和条件才能提交，如果他们不选中该框，则提交按钮将变为灰色且不可用。它的工作方式是完美的，但现在我想用这个图片代替提交按钮

它就像一个订单图像，将您重定向到结帐页面。我做了很多研究，但似乎没有得到我想要的答案。我试过设计它，但什么都没用

我非常感谢你的帮助，非常感谢


函数disableSubmit（）{
document.getElementById（“提交”）.disabled=true；
}
功能激活按钮（元素）{
如果（元素已选中）{
document.getElementById（“提交”）.disabled=false；
}
否则{
document.getElementById（“提交”）.disabled=true；
}
}
电子管现金蓝图协议
勾选此处，表明您已阅读并同意本协议的条款

禁用“提交”按钮是个坏主意，它可能会给其他领域带来问题，如可访问性

您想要的是进行表单验证，并根据您的解决方案设置一个必需的属性

看看下面的例子，它正在做你想要实现的事情

禁用“提交”按钮是一个坏主意，它会给其他领域带来问题，如可访问性

您想要的是进行表单验证，并根据您的解决方案设置一个必需的属性

看看下面的例子，它正在做你想要实现的事情

试着运行下面的代码片段，基本上就是在按钮内部添加一个图像


函数disableSubmit（）{
document.getElementById（“submit1”）.disabled=true；
document.getElementById（“submit2”）.disabled=true；
}
功能激活按钮（元素）{
如果（元素已选中）{
document.getElementById（element.getAttribute（“数据id”））.disabled=false；
}
否则{
document.getElementById（element.getAttribute（“数据id”））.disabled=true；
}
}
电子管现金蓝图协议
勾选此处，表明您已阅读并同意本协议的条款






勾选此处，表明您已阅读并同意本协议的条款

试着运行下面的代码片段，基本上就是在按钮内部添加一个图像


函数disableSubmit（）{
document.getElementById（“submit1”）.disabled=true；
document.getElementById（“submit2”）.disabled=true；
}
功能激活按钮（元素）{
如果（元素已选中）{
document.getElementById（element.getAttribute（“数据id”））.disabled=false；
}
否则{
document.getElementById（element.getAttribute（“数据id”））.disabled=true；
}
}
电子管现金蓝图协议
勾选此处，表明您已阅读并同意本协议的条款






勾选此处，表明您已阅读并同意本协议的条款

您不需要javascript，只需要HMTL5和CSS


形式：有效输入[type=“submit”]{
背景：红色；
}
电子管现金蓝图协议
勾选此处，表明您已阅读并同意本协议的条款

您不需要javascript，只需要HMTL5和CSS


形式：有效输入[type=“submit”]{
背景：红色；
}
电子管现金蓝图协议
勾选此处，表明您已阅读并同意本协议的条款


函数disableSubmit（）{
var checkbox=document.getElementById（“术语”）；
激活按钮（复选框）；
}
功能激活按钮（元素）{
如果（元素已选中）{
document.getElementById（“submitBtn”）.onclick=function（）{submitForm（）；}；
}
否则{
document.getElementById（“submitBtn”）.onclick=function（）{return false；}；
}
}
函数submitForm（元素）{
document.getElementById（“testForm”）.submit（）；
}
电子管现金蓝图协议
勾选此处，表明您已阅读并同意本协议的条款

您可以使用两个不同的图像，一个用于启用，另一个用于禁用和替换，然后动态使用javascript


函数disableSubmit（）{
var checkbox=document.getElementById（“术语”）；
激活按钮（复选框）；
}
功能激活按钮（元素）{
如果（元素已选中）{
document.getElementById（“submitBtn”）.onclick=function（）{submitForm（）；}；
}
否则{
document.getElementById（“submitBtn”）.onclick=function（）{return false；}；
}
}
函数submitForm（元素）{
document.getElementById（“testForm”）.submit（）；
}
电子管现金蓝图协议
勾选此处，表明您已阅读并同意本协议的条款

您可以使用两个不同的图像，一个用于启用，另一个用于禁用和替换，然后动态使用javascript

您的html没有表单元素，那么提交按钮的功能是什么？你可以用一段Javascript代码来完成你的要求。@Punit Sachan我只想放一个图像而不是一个提交按钮，但是如果用户不同意，给它一个阻止用户通过的功能terms@Katina我已经发布了一个使用href标签和javascript的解决方案。

您的html没有表单元素，那么是什么呢提交按钮的功能？你可以用一段Javascript代码来完成你的要求。@Punit Sachan我只想放一个图像而不是一个提交按钮，但是如果用户不同意，给它一个阻止用户通过的功能terms@Katina我已经发布了一个使用href标签和javascript的解决方案。您好@romuleald非常感谢您的回答！现在，我想回答

<html>
<head>
<script>
 function disableSubmit() {
    var checkbox = document.getElementById("terms");
    activateButton(checkbox);
 }

function activateButton(element) {
 if(element.checked) {
    document.getElementById("submitBtn").onclick  = function() { submitForm(); };
 }
 else  {
    document.getElementById("submitBtn").onclick  = function() { return false; };
 }
}

function submitForm(element){   
  document.getElementById("testForm").submit();
}

</script>
</head>
<h6> Tube Cash Blueprint Agreement</h6>
<body onload="disableSubmit()">


<form id="testForm">
 <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>
    <br/><br/> 
 <a href="javascript:void(0)" id="submitBtn" ><img src="submit_button.gif" height="60px"></img></a>
 </form>
</body>
</html>