Question

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

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

Answer 1

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

$(":input");

只需按$("input");等标记名称选择元素即可。

Answer 2

获取隐藏输入正常，请参阅以下代码：

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

2 个答案: