Question

我有两个按钮（描述交付类型）。一旦选中，我必须按另一个按钮继续。选择后我有什么方法可以自动进行吗？

以下是我选择之前的代码：

<button type="button" class="button btn-delivery-method" data-delivery-method="s_method_free">
    <span class="btn-delivery-method__label">Select</span>
</button>

以下是我选择后的代码：

<button type="button" class="button btn-delivery-method delivery-method__selected" data-delivery-method="s_method_free">
    <span class="btn-delivery-method__label">Select</span>
</button>

这是我的第三个按钮：

<button type="button" class="button btn-large--alt" onclick="shippingMethod.save()">    
    Continue    
</button>

由于

Answer 1

您可以将onclick事件添加到前两个按钮。

顺便问一下，按下前两个按钮之后代码会做什么？

Answer 2

将点击事件绑定到第一个按钮：

$(".button.btn-delivery-method").click(function() {

   // check if the delivery has been selected
   if($(this).hasClass("delivery-method__selected")) {
      // either call shippigMethod.save(); here

      //trigger the button click
      $(".button.btn-large--alt").trigger("click");
   }
});

仅在选择了传送时才会触发按钮

if($(this).hasClass("delivery-method__selected")) {
     $(".button.btn-large--alt").trigger("click");
 }

Answer 3

从第二个按钮获取Id会很好，以避免与其他按钮发生任何冲突。

选择后重定向按钮

3 个答案: