2014-09-12 87 views
1

你好我在编码一个多步骤的形式和我的jQuery脚本拆分我的表单与fieldset标签的不同部分,所以很好。如何在同一时间点击一个按钮和活动2个按钮

我需要以某种方式代码,如果点击了一个按钮来激活,同时其他按钮被隐藏,因为隐藏我提到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` 
+1

嗯......你的脚本在哪里? – DevlshOne 2014-09-12 18:23:55

+0

你能否重新把这个问题改写成句子?否则我不认为我能跟随你的想法。 – 2014-09-12 18:24:20

+0

我会发布它 – Flamur 2014-09-12 18:25:56

回答

0

给他们俩一个ID和使用jQuery的点击功能。

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

+0

它工作的人谢谢你做了我的一天,有一个愉快的一天 – Flamur 2014-09-12 19:45:27

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(); 

}); 
+0

我不能带来的jQuery脚本工作莫名其妙哈哈:S – Flamur 2014-09-12 18:58:42

0

更好的方法是改变你的jQuery,以便你的表单不会分裂,但如果这不是一个选项,你可以使用类似这样的东西

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

即时通讯在jquery noob:S – Flamur 2014-09-12 18:40:35

+0

@Flamur好吧,对于一个id为“mainButton”的按钮被点击,当它运行时,点击那里的2个按钮的功能button2和button3都将它作为一个id – Parody 2014-09-12 18:43:25

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> 

感谢所有谁帮我的人。

相关问题