2014-09-12 1 views
1

Привет, я при кодировании многоэтапной формы, и мой сценарий jquery разбил мою форму в разных разделах с тегом fieldset, так что все и хорошо.Как нажать одну кнопку и активировать 2 кнопки в одно и то же время

мне нужно как-то код, если щелчок по кнопке, чтобы активировать то же время другую кнопку, которая скрыта, 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> 

сценарий: в этой связи посмотреть на секции ЯШ: 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

+0

Не могли бы вы переформулировать вопрос и разбить его на предложения? Я не думаю, что в противном случае я смогу следовать твоим мыслям. –

+0

Я выложу его еще – Flamur

ответ

0

Дайте им как идентификатор и использовать функцию щелчка JQuery в.

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

+0

Это сработало человека, спасибо, что вы сделали мой день, хорошо провели день – Flamur

0

Дайте как класс, а не идентификатор, потому что для одного элемента и не более, поэтому мы делаем:

<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

0

Лучшим способом было бы изменить ваш jquery, чтобы ваша форма не была разделена, но если это не вариант, вы можете использовать что-то вроде этого

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

im a noob in jquery: S – Flamur

+0

@Flamur ok, это работает, ожидая для кнопки с идентификатором «mainButton», который нужно щелкнуть, и когда он запускает функцию, которая нажимает на две кнопки там, кнопка 2 и кнопка 3 имеют это как идентификатор – Parody

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> 

Спасибо всем ребятам, которые помогли мне.