如何使用jquery访问表单中的input标签?(包括隐藏类型）

how to access input tag in form with jquery?(include hidden type)

本文关键字：标签包括隐藏类型 input jquery 何使用访问访问表表单更新时间：2023-09-26

我正在寻找如何通过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>

和普通.js

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

我可以在没有隐藏类型的情况下从输入标签中获取值。如何同时获得隐藏类型。我找到了下面的文章。但如果我使用这个，它看起来必须迭代两次表单，这是我不想的

链接：jQuery访问输入隐藏值

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

感谢：D

p.S/I也对访问多路选择器感到好奇。我试过

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

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

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

$(":input");

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

获取隐藏输入即可，请参阅下面的代码：

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>

如何使用 queryselectorAll(）选择