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>
    

      

  • 相关阅读:
    51单片机学习1
    M41T11-RTC(实时时钟)
    ATmega8仿真——外部中断的学习
    C# 调用动态代码
    C# Attribute的用法
    DataTable相关
    addin1
    多线程信号源_红绿灯
    EF CodeFirst简单实例
    WCF配置Tcp协议
  • 原文地址:https://www.cnblogs.com/lgjc/p/6192962.html
Copyright © 2011-2022 走看看