Question

我遇到以下情况：

我有一个“下一步”按钮：

<a href="/NL/checkout/selectshippingaddress?addressId=" class="customNextStep">
    <input type="button" class="button-1 shipping-adress-next-step-button" value="Next" name="nextstep">
</a>

此按钮应首先处于非活动状态。只有在用户点击其他按钮时才能点击它：

<input type="button" onclick="" class="button-1 select-shipping-address-button" data-itemid="197" value="Send to this address">

我希望有人可以帮我解决这个问题。

Answer 1

您可以使用jQuery的attr()和removeAttr()

$("input[name='nextstep']").attr('disabled','disabled');
$('.button-1').on('click',function(e){
   e.preventDefault();
   $("input[name='nextstep']").removeAttr('disabled');
});

Fiddle example

Answer 2

您可以使用disabled属性来打开和关闭按钮。

//on document.ready, disable your second button
$(selector).prop("disabled", true);

// on the click on first button enable it again
$(selector_first_button).click(function() {
    $(selector).prop("disabled", false);
});

Answer 3

在您的代码中使用以下内容：

    <input type="button" id="bt1" value="button 1" />
    <input type="button" id="bt2" value="button 2" disabled="disabled" />

现在应用您想要的任何逻辑，例如

$(function(){
    $("#bt1").click(function(){
        $(this).attr("disabled", "disabled");
        $("#bt2").removeAttr("disabled");
    });

Answer 4

使用按钮的disabled属性。像，

<input type="button" onclick="document.getElementById('next_button').disabled=false;" class="button-1 select-shipping-address-button" data-itemid="197" value="Send to this address">
<input type="button" class="button-1 shipping-adress-next-step-button" value="Next" name="nextstep" disabled='true' id='next_button'>

工作小提琴here

Answer 5

使用以下内容：

jQuery('input[name=nextstep]').attr('disabled','disabled')
$('.select-shipping-address-button').on('click',function(e){
    jQuery('input[name=nextstep]').removeAttr('disabled')
})

以下是working demo

仅在单击其他按钮时使按钮处于非活动状态

5 个答案: