Como obter valor de entrada dinamicamente usando jQuery?

Donny K. Pratama

Estou tentando implementar o princípio DRY em meu estilo de programação.

Para evitar mal-entendidos sobre a minha pergunta acima, vou explicá-la mais uma vez abaixo. Procurei essa solução o tempo todo, mas parece que não consigo encontrar a solução certa.

Quero obter cada valor de entrada no formulário dinamicamente (não uma entrada dinâmica, adicionar uma nova entrada dinamicamente, etc.) sem digitar isso repetidamente:

var foo = $('input[name="foo"]').val();
var bar = $('input[name="bar"]').val();

Por uma ou duas peças, vai ficar tudo bem. Mas o problema é que, quando tenho mais de 10 entradas, isso será inaceitável.

Como posso fazer isso?

Shree

Você pode fazer um loop no inputqual possui um atributo de nome usando a eachfunção e obter esse valor.

var arr = [];
$(":input[name]").each(function(index, element) {
  arr.push($(this).val());
});
console.log(arr);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='text' name='foo' value='1' />
<input type='text' name='bar' value='2' />
<input type='text' name='foo' value='3' />
<input type='text' name='bar' value='4' />
<input type='text' name='foo' value='5' />
<input type='text' name='bar' value='6' />
<input type='text' value='7' />

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

como obter o valor acrescentado de entrada usando jquery

Como inserir e obter o valor de um campo de entrada criado dinamicamente usando javascript?

Como obter o valor de entrada oculto que foi armazenado dinamicamente usando AngularJS

Como obter valor de várias entradas com o mesmo nome onde os campos de entrada são criados dinamicamente usando jQuery?

Como atribuir valor a caixa de entrada criada dinamicamente usando javascript / Jquery

obter valor de elemento adicionado dinamicamente usando jquery

obter valor de elemento adicionado dinamicamente usando jquery

Como obter o valor dos dados de entrada de rádio usando jquery?

Como obter o valor de uma entrada de um pai div via classe usando jQuery?

Como obter o valor de "id dinamicamente" no jQuery?

como obter o valor de entrada do campo de entrada gerado dinamicamente

Angular 6 - Como obter o valor de entrada em component.ts a partir de uma caixa de entrada criada dinamicamente em uma tabela usando * ngFor?

Como posso obter o valor do campo de entrada usando while loop through jquery

Como obter string HTML de elemento alterado dinamicamente usando jQuery?

Como obter dados de elementos gerados dinamicamente usando jQuery

obter valor de entrada usando data-attribute com jquery

Como adicionar valor de atributo dinamicamente usando Jquery?

Como adicionar valor de atributo dinamicamente usando Jquery?

Como obter o valor de um campo de entrada criado dinamicamente com react

Como injetar ou obter bean dinamicamente com base no valor de entrada?

como obter o valor de entrada td da tabela gerada dinamicamente

como obter valor de entrada oculta com jquery?

Como obter um valor atual de entrada JS / jQuery

jquery imprimir dinamicamente o valor de entrada

Obter dinamicamente o valor da tag de entrada onkeypress em jquery

Como obter entrada de formulário de valor e atributo de dados usando a função jQuery .map

Como obter o tipo de entrada usando jquery?

como obter a soma dos campos de entrada usando jquery

Como obter a imagem do campo de entrada usando jQuery

TOP lista

  1. 1

    R Shiny: use HTML em funções (como textInput, checkboxGroupInput)

  2. 2

    O Chromium e o Firefox exibem as cores de maneira diferente e não sei qual deles está fazendo certo

  3. 3

    Como assinar digitalmente um documento PDF com assinatura e texto visíveis usando Java

  4. 4

    R Folheto. Dados de pontos de grupo em células para resumir muitos pontos de dados

  5. 5

    Gerenciar recurso shake de Windows Aero com barra de título personalizado

  6. 6

    Como obter dados API adequados para o aplicativo angular?

  7. 7

    UITextView não está exibindo texto longo

  8. 8

    Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?

  9. 9

    Acessando relatório de campanhas na AdMob usando a API do Adsense

  10. 10

    Usando o plug-in Platform.js do Google

  11. 11

    Como posso modificar esse algoritmo de linha de visada para aceitar raios que passam pelos cantos?

  12. 12

    Dependência circular de diálogo personalizado

  13. 13

    Coloque uma caixa de texto HTML em uma imagem em uma posição fixa para site para desktop e celular

  14. 14

    iOS: como adicionar sombra projetada e sombra de traço no UIView?

  15. 15

    Como usar a caixa de diálogo de seleção de nomes com VBA para enviar e-mail para mais de um destinatário?

  16. 16

    Tabela CSS: barra de rolagem para a primeira coluna e largura automática para a coluna restante

  17. 17

    How to create dynamic navigation menu select from database using Codeigniter?

  18. 18

    Converter valores de linha SQL em colunas

  19. 19

    ChartJS, várias linhas no rótulo do gráfico de barras

  20. 20

    用@StyleableRes注释的getStyledAttributes。禁止警告

  21. 21

    não é possível adicionar dependência para com.google.android.gms.tasks.OnSuccessListener

quentelabel

Arquivo