获取表格中输入字段的所有名称

问题描述：

我有100个输入类型的文本，它们放在一个表格中。他们没有id属性。但它们具有唯一的名称属性。我想找到所有文本框的名称并保存在一个数组中，以便我可以进一步使用它们。任何帮助，将不胜感激。获取表格中输入字段的所有名称

你尝试过什么？ – Rajesh

我投票结束这个问题作为题外话，因为问题没有显示任何努力的迹象 – Rajesh

[如何获取输入的名称]（http://stackoverflow.com/questions/3513809/get-attribute-name-输入值）+ [循环所有输入]（http://stackoverflow.com/questions/4758259/looping-through-input-fields-for-validation-using-jquery-each）应该做的窍门 – Rajesh

答

与Array#each和attr('name')使用jQuery和text比赛只能用input:text

var a=[]; 
 
$('input:text').each(function(){ 
 
a.push($(this).attr('name')) 
 
}) 
 
console.log(a)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="one" ><input type="text" name="two" ><input type="text" name="three" ><input type="text" name="four" ><input type="text" name="five" ><input type="text" name="six" >

0试试

我们真的回答这样的问题，没有显示任何努力？ – Rajesh

如果表中不止有100个输入，OP应该更好地使用'$（“：text”）' –

答

循环使用inputs并使用.each()函数遍历每个项目，然后通过.prop()函数获取名称。

var names = []; 
 

 
$('input').each((k,v) => names.push($(v).prop('name'))); 
 

 
console.log(names);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="a"> 
 
<input name="b"> 
 
<input name="c"> 
 
<input name="d">

Shoud我们真的回答了这些没有显示出任何努力的问题吗？ – Rajesh

@Rajesh这是一个难题。这取决于问题的内容。 –

可能是它的困难，但仍然**你有**分享一些东西。即使谷歌搜索链接会有所帮助。但这只是一个愿望，而不是一个问题。此外，如果你打破你的问题，它变得简单 – Rajesh

答

使用此代码来获取所有输入

HTML文件：

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<table> 
<tr> 
    <td><input name="input1" /></td> 
    <td>test</td> 
</tr> 
<tr> 
    <td><input name="input2" /></td> 
    <td>test</td> 
</tr> 
<tr> 
    <td><input name="input3" /></td> 
    <td>test</td> 
</tr> 
</table> 
<button id="button"> 
submit 
</button> 
<div id="result"> 
</div>

JS：

$(document).ready(function(){ 
    $('#button').click(function(){ 
    var data = [] 
    $('input').each(function() { 
     data.push({ 
     "name": $(this).attr('name'), 
     "value": $(this).val() 
     }) 
    }); 
    console.log(data) 
    $('#result').text(JSON.stringify(data)) 
    }); 
});

https://jsfiddle.net

获取表格中输入字段的所有名称

相关推荐