2014-09-12 110 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> 

感謝所有誰幫我的人。