0

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

<button id = "btn3" class = "btn btn-danger" >Buy</button>
        <button id = "btn4" class = "btn btn-danger" >Buy</button>
        <button id = "btn5" class = "btn btn-danger" >Buy</button>

 <script type="text/javascript">

      $(function()   {

          var btn =  $('.btn-danger');
          var form = $('#myform');
          var formbtn =   $('#submit');

           btn.on ('mouseup', function(){
                var id = $(this).attr("data-id");

                 form.toggle(200);


       });

     formbtn.on('mouseup', function(){
          btn.html('bought!');
            btn.attr('disabled', 'disebled');
              form.html('Мы вам перезвоним!!!').delay(2000).toggle(500);
       });


    });
6
  • передать дальше куда? 11 апр 2016 в 16:30
  • Ну я думаю в обработчик нажатия formbtn - нажатия субмит на форме, ведь после него кнопка должна отключаться.
    – Ostin
    11 апр 2016 в 16:37
  • кнопку отключить проще простого $(function(){ $('button').on('click', function() { $(this).attr('disabled', 'disabled') }); }); 11 апр 2016 в 16:41
  • Мне нужно отключить кнопку, которая открыла форму, по нажатию на кнопку на этой форме.
    – Ostin
    11 апр 2016 в 16:54
  • вы вообще хоть поняли что сказали? нужно отключить кнопку, которая открыла форму, по нажатию на кнопку на этой форме 11 апр 2016 в 17:43

1 ответ 1

0

Хтмл кода не вижу, но логику показать можно вот так

		$(function() {
		  $('.rows').on('click', '.open', function() {
		    $(this).parent().children('form').show();
		    $(this).attr('disabled', 'disabled');
		  });

		  $('.rows').on('click', '.close', function(e) {
		    e.preventDefault();
		    $(this).parent('form').hide();
		  });
		});
form {
  display: none;
  padding: 20px;
  border: 1px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="rows">
  <div class="row">
    <button class="open">Кнопка</button>
    <form>форма 1
      <button class="close">Кнопка закрыть</button>
    </form>
  </div>
  <div class="row">
    <button class="open">Кнопка</button>
    <form>форма 2
      <button class="close">Кнопка закрыть</button>
    </form>
  </div>
  <div class="row">
    <button class="open">Кнопка</button>
    <form>форма 3
      <button class="close">Кнопка закрыть</button>
    </form>
  </div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.