如何同时单击一个按钮和活动的2个按钮

Question

您好，我正在编写多步骤表单，我的jquery脚本使用fieldset标签将表单分为不同的部分，因此非常好。

我需要某种代码，如果单击一个按钮以同时激活另一个隐藏的按钮，则该代码为Hidden，因为正如我提到的jQuery，我将表单分为不同的部分，例如：

如果/ fieldset标签比fieldset>其他其他表单开始，并且我的表单中有页眉和页脚标签，那么如果我单击下一个按钮，并且该按钮位于页脚标签内，则仅更改页脚容器

因此，如果我将另一个按钮放在字段集中，然后将其推到下一个按钮，那么它就可以了，但是我希望将按钮放置在页脚中以便美观。

ieda是将按钮隐藏在fieldset标记内，并将其与页脚标记内的按钮链接起来，这是我的代码，谢谢！

      <section1>
    <label class="checkbox"><input type="checkbox" name="copy"><i></i><strong>Send a copy to my e-mail address</strong></label>
</section1>

<input type='button' name="Next" class='next action-button' value='Próximo' />
 <div class="row">
    <header1>
        <input type='button' name='Next' class='next action-button' value='Próximo' />
    </header1>
</div>
</fieldset>

脚本：在此链接中查看js部分： http ： //codepen.io/pedroG/pen/hKarC

我试过这个

</section1>
    <input type="button" class='hidden_button' style='display:none'  value="Próximo" />
       <div class="row">
                    <header1>
  <input type="button" name="Next" id='button1' class="next action-button "  value="Próximo"/>
                    </header1>
<script type="text/javascript">                     
$('#button1').click(function()
{ 
 $('.hidden_button').show();
});</script>

but still with no success`

Answer 1

给他们一个ID并使用jQuery的click函数。

$('#button1').click(function(){ $('#button2').click() });

Answer 2

给这两者一个类而不是一个id，因为是用于一个元素而不是更多元素，所以我们做：

<input type='button' id='button1' />
<input type='hidden' class='hidden_button' />
<input type='hidden' class='hidden_button' />
$('#button1').click(function()
{ 
 $('.hidden_button').attr('type','button');
});

或此代码：

<input type='button' id='button1' />
<input type='button' class='hidden_button' style='display:none'/>
 <input type='button' class='hidden_button' style='display:none'/>

$('#button1').click(function()
{ 
 $('.hidden_button').show();

});

Answer 3

更好的方法是更改​​您的jquery，以使您的表单不会被拆分，但是如果这不是一种选择，则可以使用类似的方法

$(document).ready(function(){  
    $("#mainButton").click(function(){
        $( "#button2" ).click();
        $( "#button3" ).click();
    });
});

Answer 4

一键式同时单击两个按钮：

HTML：

<input type="button" name="Next" id='button2' class="next action-button " value="Próximo" />
        <div class="row">
                    <header1>
        <input type="button" name='Next' id='button1'   class='next action-button '  value='Próximo' />
        </header1>
      </div>

jQuery的：

<script type="text/javascript">$('#button1').click(function(){ $('#button2').click() });</script>

感谢所有帮助我的家伙。