zoukankan      html  css  js  c++  java
  • jquery 获取form下的所有元素

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="gb2312">
    		<title></title>
    		<script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
    		<script src="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="10" id="1" />
    			<input type="text" value="11" />
    			<input type="text" value="12" />
    			<input type="text" value="13" />
    			<input type="text" value="14" />
    			<select><option value="sel">111</option><option value="dd">111</option></select>
    			<input type="checkbox" value="15"/>
    			<input type="button" value="测试" id="btn" />
    		</form>
    	</body>
    
    </html>
    

      

  • 相关阅读:
    C#匿名类与dynamic关键字有意思的玩法
    C#中参数化查询速度慢的原因
    拉姆达表达式的一些常用知识
    git的学习
    yield return的使用。。。
    C# Cache缓存的应用
    C# 异步编程,async与await的简单学习
    SSH
    SSM搭建手册
    PLsql快捷键
  • 原文地址:https://www.cnblogs.com/lgjc/p/6192962.html
Copyright © 2011-2022 走看看