Skip to main content
adicionou 47 caracteres ao conteúdo
Fonte Link
Valdeir Psr
  • 11mil
  • 2
  • 18
  • 33

O ideal é você salvar o formulário em uma constate (exemplo abaixo) e depois ir utilizando o método find do jQuery para procurar e desabilitar os itens dentro desse form. Assim você pode utilizar, por exemplo:

$(form).find('selector').prop("disabled", true);

Exemplo Completo:

function enviaForm(form) {

  $(form).submit(function(e) {
    
    var answer = $("input[name='cbn']:checked").val();
    var question = $(".thide").val();
    var button = $(this).find('input[type="submit"]');
    button.prop("disabled", true).val("respondido");

    $.ajax({
      type: "GET",
      url: "proc_update_teste.php",
      data: {
        'campo1': answer,
        'campo2': question,
      },
      success: function(result) {
        $(form).find("input[name='cbn']").prop("disabled", true);
        $(form).find("input[name='cbn']").prop('disabled', true);
        
        var question = $(form).find(".thide").val('');
        var view = $('#resultSend').html(result);
      },
      complete: function() {
        console.log( "Aqui no StackOverflow não vai funcionar" )
      }
    });
    return false;
  });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="q1">
  <input class="thide" type="hidden" name="question1" value="q1">
  <input class="with-gap" name="cbn" type="radio" id="q1a" value="answer1a" />
  <input class="with-gap" name="cbn" type="radio" id="q1b" value="answer1b" />
  <input class="with-gap" name="cbn" type="radio" id="q1c" value="answer1c" />
  <input type="submit" value="RESPONDER" class="btn" onclick="enviaForm(q1)" />
</form>

<form id="q2">
  <input class="thide" type="hidden" name="question2" value="q2">
  <input class="with-gap" name="cbn" type="radio" id="q2a" value="answer2a" />
  <input class="with-gap" name="cbn" type="radio" id="q2b" value="answer2b" />
  <input class="with-gap" name="cbn" type="radio" id="q2c" value="answer2c" />
  <input type="submit" value="RESPONDER" class="btn" onclick="enviaForm(q2)" />
</form>

O ideal é você salvar o formulário em uma constate (exemplo abaixo) e depois ir utilizando o método find do jQuery para procurar e desabilitar os itens dentro desse form. Assim você pode utilizar, por exemplo:

$(form).find('selector').prop("disabled", true);

Exemplo Completo:

function enviaForm(form) {

  $(form).submit(function(e) {
    
    var answer = $("input[name='cbn']:checked").val();
    var question = $(".thide").val();
    var button = $(this).find('input[type="submit"]');
    button.prop("disabled", true).val("respondido");

    $.ajax({
      type: "GET",
      url: "proc_update_teste.php",
      data: {
        'campo1': answer,
        'campo2': question,
      },
      success: function(result) {
        $(form).find("input[name='cbn']").prop("disabled", true);
        $(form).find("input[name='cbn']").prop('disabled', true);
        
        var question = $(form).find(".thide").val('');
        var view = $('#resultSend').html(result);
      }
    });
    return false;
  });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="q1">
  <input class="thide" type="hidden" name="question1" value="q1">
  <input class="with-gap" name="cbn" type="radio" id="q1a" value="answer1a" />
  <input class="with-gap" name="cbn" type="radio" id="q1b" value="answer1b" />
  <input class="with-gap" name="cbn" type="radio" id="q1c" value="answer1c" />
  <input type="submit" value="RESPONDER" class="btn" onclick="enviaForm(q1)" />
</form>

<form id="q2">
  <input class="thide" type="hidden" name="question2" value="q2">
  <input class="with-gap" name="cbn" type="radio" id="q2a" value="answer2a" />
  <input class="with-gap" name="cbn" type="radio" id="q2b" value="answer2b" />
  <input class="with-gap" name="cbn" type="radio" id="q2c" value="answer2c" />
  <input type="submit" value="RESPONDER" class="btn" onclick="enviaForm(q2)" />
</form>

O ideal é você salvar o formulário em uma constate (exemplo abaixo) e depois ir utilizando o método find do jQuery para procurar e desabilitar os itens dentro desse form. Assim você pode utilizar, por exemplo:

$(form).find('selector').prop("disabled", true);

Exemplo Completo:

function enviaForm(form) {

  $(form).submit(function(e) {
    
    var answer = $("input[name='cbn']:checked").val();
    var question = $(".thide").val();
    var button = $(this).find('input[type="submit"]');
    button.prop("disabled", true).val("respondido");

    $.ajax({
      type: "GET",
      url: "proc_update_teste.php",
      data: {
        'campo1': answer,
        'campo2': question,
      },
      success: function(result) {
        $(form).find("input[name='cbn']").prop("disabled", true);
        
        var question = $(form).find(".thide").val('');
        var view = $('#resultSend').html(result);
      },
      complete: function() {
        console.log( "Aqui no StackOverflow não vai funcionar" )
      }
    });
    return false;
  });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="q1">
  <input class="thide" type="hidden" name="question1" value="q1">
  <input class="with-gap" name="cbn" type="radio" id="q1a" value="answer1a" />
  <input class="with-gap" name="cbn" type="radio" id="q1b" value="answer1b" />
  <input class="with-gap" name="cbn" type="radio" id="q1c" value="answer1c" />
  <input type="submit" value="RESPONDER" class="btn" onclick="enviaForm(q1)" />
</form>

<form id="q2">
  <input class="thide" type="hidden" name="question2" value="q2">
  <input class="with-gap" name="cbn" type="radio" id="q2a" value="answer2a" />
  <input class="with-gap" name="cbn" type="radio" id="q2b" value="answer2b" />
  <input class="with-gap" name="cbn" type="radio" id="q2c" value="answer2c" />
  <input type="submit" value="RESPONDER" class="btn" onclick="enviaForm(q2)" />
</form>

Fonte Link
Valdeir Psr
  • 11mil
  • 2
  • 18
  • 33

O ideal é você salvar o formulário em uma constate (exemplo abaixo) e depois ir utilizando o método find do jQuery para procurar e desabilitar os itens dentro desse form. Assim você pode utilizar, por exemplo:

$(form).find('selector').prop("disabled", true);

Exemplo Completo:

function enviaForm(form) {

  $(form).submit(function(e) {
    
    var answer = $("input[name='cbn']:checked").val();
    var question = $(".thide").val();
    var button = $(this).find('input[type="submit"]');
    button.prop("disabled", true).val("respondido");

    $.ajax({
      type: "GET",
      url: "proc_update_teste.php",
      data: {
        'campo1': answer,
        'campo2': question,
      },
      success: function(result) {
        $(form).find("input[name='cbn']").prop("disabled", true);
        $(form).find("input[name='cbn']").prop('disabled', true);
        
        var question = $(form).find(".thide").val('');
        var view = $('#resultSend').html(result);
      }
    });
    return false;
  });
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="q1">
  <input class="thide" type="hidden" name="question1" value="q1">
  <input class="with-gap" name="cbn" type="radio" id="q1a" value="answer1a" />
  <input class="with-gap" name="cbn" type="radio" id="q1b" value="answer1b" />
  <input class="with-gap" name="cbn" type="radio" id="q1c" value="answer1c" />
  <input type="submit" value="RESPONDER" class="btn" onclick="enviaForm(q1)" />
</form>

<form id="q2">
  <input class="thide" type="hidden" name="question2" value="q2">
  <input class="with-gap" name="cbn" type="radio" id="q2a" value="answer2a" />
  <input class="with-gap" name="cbn" type="radio" id="q2b" value="answer2b" />
  <input class="with-gap" name="cbn" type="radio" id="q2c" value="answer2c" />
  <input type="submit" value="RESPONDER" class="btn" onclick="enviaForm(q2)" />
</form>