你好我编写一个多步骤的表单,我的jquery脚本在不同的部分用fieldset标签分割我的表单,所以很好。
我需要一个代码,如果点击一个按钮同时激活隐藏的另一个按钮,隐藏因为我提到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`
答案 0 :(得分:0)
给他们一个ID并使用jQuery的点击功能。
$('#button1').click(function(){ $('#button2').click() });
答案 1 :(得分:0)
给一个类而不是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();
});
答案 2 :(得分:0)
更好的方法是更改你的jquery,这样你的表单就不会分开,但如果不是一个选项,你可以使用这样的东西
$(document).ready(function(){
$("#mainButton").click(function(){
$( "#button2" ).click();
$( "#button3" ).click();
});
});
答案 3 :(得分:0)
单击同时点击两个按钮:
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>
感谢所有帮助过我的人。