如何使用 jquery 访问表单中的输入标签？（包括隐藏类型）答案

【问题标题】：how to access input tag in form with jquery?(include hidden type)如何使用 jquery 访问表单中的输入标签？（包括隐藏类型）
【发布时间】：2014-10-22 13:00:44
【问题描述】：

我正在寻找如何通过 jquery 访问表单中的输入标签。

我做了如下的东西：

HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test </title>
<script src="/resources/gtl_portal/js/jquery/jquery-2.1.1.min.js"></script>
<script src="/resources/gtl_portal/js/comon.js"></script>
</head>
<body>
<form id="a" action="#">
    <input type="text" name="name" value=""><br/>
    <input type="text" name="phone" value="numbervalidation"><br/>
    <input type="hidden" name="hiddenParam" value="hidden parameters"><br/>

    <a href="#" onclick="chk()">press</a><br/>
</form>
<script>
    function chk(){
        checkValidation('a');
    }
</script>
</body>
</html>

和common.js

function checkValidation(formName){
    var form = $('#' + formName);

    form.children('input').each(function(k){
        var obj = $(this); 
        console.log(obj.val());
    }
};

我可以从没有隐藏类型的输入标签中获取价值。我怎样才能同时获得隐藏类型。我找到了后续文章。但是如果我使用它，它看起来必须重复表单两次，我不想这样做。

链接：jQuery access input hidden value

有什么方法可以同时访问隐藏和不隐藏？

谢谢:D

P.S/ 我也对访问多个选择器感到好奇。我试过了

form.children('input, textarea, select').each(function(i){//do something});

但不起作用。你会发现这里有什么不对吗？

【问题讨论】：

您的代码运行良好jsfiddle.net/SjDe2/48
您可以随时为输入字段指定 id。但是由于您似乎想要获取所有输入字段的值。我建议查看 TJ 的答案。
@AnoopJoshi 是的，确实如此。我不知道为什么它忽略了昨天的隐藏值。可能是我的错误：D

标签： javascript jquery forms input hidden

【解决方案1】：

您可以使用:input 选择器。它选择所有 <input> 元素，包括隐藏的输入

$(":input");

简单地通过标签名称选择元素，如$("input"); 也可以。

【讨论】：

谢谢。我明白了。

【解决方案2】：

获取隐藏输入才有效，请参见下面的代码：

console.log($('input'))
function show(){
   $('input').attr('type','text')
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden">
<button onclick="show()" >show hidden fields</button>

【讨论】：