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('');
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeComo 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('');
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.
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>