如何在复选框激活时禁用/启用PayPal按钮?

问题描述:

我在我的网站上设置了定期付款的页面,但我想要禁用PayPal结帐按钮,直到有人选中了符合我的服务条款的框。你能帮我弄清楚如何正确地做到这一点?如何在复选框激活时禁用/启用PayPal按钮?

谢谢!!!!! -Brad

+0

你可以隐藏按钮而不是禁用它吗?还是必须显示但禁用?它更容易隐藏,因为贝宝按钮来自贝宝。 – c0d3Junk13 2012-03-14 17:33:50

+0

我愿意隐藏它,只需点击前不可访问。在页面上也有多个paypal按钮,因此需要禁用所有这些按钮。 – Brad 2012-03-14 23:36:33

我不会给你一个用代码写的完整答案,因为我不知道代码中的元素或变量名称。也可以自己写和学习。

使用jquery在复选框项目上添加.toggle()函数。 你可以通过它的id(或者如果你愿意的话可以选择)复选框。

您可以创建一个名为“paypal”的div并将paypal按钮放入其中。 然后,

喜欢的东西:

$('#checkbox').toggle(function() { 
    $('#paypal').show(); 
}, function() { 
    $('#paypal').hide(); 
}); 

希望这有助于。

+1

谢谢!我不知道你在说什么,因为我是一个非常大的新手,但我想我可以从这个出发点弄清楚。非常感激! – Brad 2012-03-16 06:43:42

它不会工作,PAYPAL按钮是一个标签,所以禁用它不像禁用任何DIV或BUTTON;我试图弄清楚,但尚未发现。

我知道这是一个古老的线程,但认为Id张贴我做了什么。简单地说,所有你需要做的就是给按钮一个id并设置为禁用,使用java来启用复选框上的按钮选中,将代码应用到复选框onclick =“UnlockButton()”。这对我有效。

function UnlockButton(){ 
    if(document.getElementById("checkboxID").checked == true) 
    { 
    document.getElementById("buttonid").disabled = false; 
    } 
    else{ 
    document.getElementById("buttonid").disabled = true; 
    } 
    return true; 
} 
+0

欢迎来到Stack Overflow!虽然你写的答案没有什么特别的错,但它与三年前已经提出的答案非常相似。原来的海报很可能已经移动了。我赞赏你的热情,并鼓励你查看[最新问题](http://*.com/questions?sort=newest)。 – 2015-05-02 16:58:29