0

Como limpar o valor de vários campos input pelas classes? Utilizando Jquery?

Fiz assim, mas não fucionou!

form.find('input').not(".class1 .class2 .class3").val(''); 

5

2 Respostas 2

0

Pelo que dá pra ver pelo seu código está usando a função .val(), então provavelmente deve ser JQuery Basta você procurar seu input e usar o val().

$('.class1').val('')

Para pegar vários de uma vez e limpar o valor seguindo a seguinte lógica:

$("input[type='text']").each(function() {
  $(this).val('');
});

Qualquer dúvida estou a disposição.

4
  • Até ai tudo bem, com uma class ali dentro, da para executar essa função tranquilamente, mas não tem como eu colocar mais que uma class ali dentro do seletor ?
    – user3081
    13/11/2018 às 9:31
  • Eles tem algum Id em comum? 13/11/2018 às 9:34
  • Não, só classes diferentes.
    – user3081
    13/11/2018 às 10:21
  • Define um Id igual pra eles entao e usa a lógica do segundo exemplo que eu dei na resposta, trocando "input[type='text']" por "input[id='text']" 13/11/2018 às 10:24
0

Não entendi pq usou o método not(), pois se quer limpar os campos com as classes, se colocar not() fará exatamente o contrário. Você pode chamar quantas classes quiser, apenas separando-as por uma vírgula. No exemplo eu limpei os inputs com as classe class1, class2 e class3:

$(function(){
  $('.class1, .class2, .class3').val('');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input type="text" class="class1" value="Input 1">
  <input type="text" class="class2" value="Input 2">
  <input type="text" class="class3" value="Input 3">
  <input type="text" class="class4" value="Input 4">
  <input type="text" class="class5" value="Input 5">
</form>

No caso do uso do not(), seria desta maneira o uso, você escolhe o input para ser o seletor e as classes que não quer que sejam limpos os inputs. No exemplo eu quero que as classes class1 e class2 NÃO tenham seus inputs limpados:

$(function(){
  $('input').not('.class1, .class2').val('');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input type="text" class="class1" value="Input 1">
  <input type="text" class="class2" value="Input 2">
  <input type="text" class="class3" value="Input 3">
  <input type="text" class="class4" value="Input 4">
  <input type="text" class="class5" value="Input 5">
</form>

1
  • Na verdade é ao contrário, eu não quero limpar onde tem essas classes! Pois são botões onde a pessoa clica para cadastrar, e após o cadastro, o value delas some.
    – user3081
    16/11/2018 às 9:58

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .