首页 > 代码库 > jquery 获取form下的所有元素
jquery 获取form下的所有元素
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title></title>
<script type="text/javascript" src="http://www.mamicode.com/Scripts/jquery-1.7.1.min.js"></script>
<script src="http://www.mamicode.com/js/md5.js"></script>
<script type="text/javascript">
$(function() {
$("#btn").click(function() {
var alltxt = $("form").children();//获取所有的子元素
for(var i = 0; i < alltxt.length; i++) {
console.log("value:"+alltxt[i].value)//获取所有的value值
console.log("type:"+alltxt[i].getAttribute("type"))//获取属性
console.log("nodeName:"+alltxt[i].nodeName)//获取文本类型
console.log("--------------------------")
}
})
})
</script>
<style type="text/css">
</style>
</head>
<body>
<form>
<p>ceshi </p>
<input type="text" value="http://www.mamicode.com/10" id="1" />
<input type="text" value="http://www.mamicode.com/11" />
<input type="text" value="http://www.mamicode.com/12" />
<input type="text" value="http://www.mamicode.com/13" />
<input type="text" value="http://www.mamicode.com/14" />
<select><option value="http://www.mamicode.com/sel">111</option><option value="http://www.mamicode.com/dd">111</option></select>
<input type="checkbox" value="http://www.mamicode.com/15"/>
<input type="button" value="http://www.mamicode.com/测试" id="btn" />
</form>
</body>
</html>
jquery 获取form下的所有元素
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。