jquery获取表单元素

    表单验证需要获得表单元素,下面是获取表单元素的方法

    例子:

   

View Code
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    
<title>无标题页</title>
    
<script src="js/jquery-1.6.min.js" type="text/javascript"></script>
    
<script type="text/javascript">
       jQuery(function($){
         $(
"#btnCheck").click(function(){
          $(
"#msn").html(
           
"input元素有:"+$(":input").length+"个(取得所有表单元素)<br/>"+
           
"text元素有:"+$(":text").length+"个(取得所有表单元素)<br/>"+
           
"password元素有:"+$(":password").length+"个(取得所有表单元素)<br/>"+
           
"radio元素有:"+$(":radio").length+"个(取得所有表单元素)<br/>"+
           
"checkbox元素有:"+$(":checkbox").length+"个(取得所有表单元素)<br/>"+
           
"button元素有:"+$(":button").length+"个(取得所有表单元素)<br/>" 
          );
         })
       })
    
</script>
</head>
<body>
    
<form id="form1" runat="server">
    
<label>用户名:</label><input type="text" id="userName" /><br />
    
<label>密  码:</label><input type="password" id="userPwd" /><br />
    
<label>性  别:</label><input type="radio"  name="sex" />
    
<input type="radio"  name="sex" /><br />
    
<label>爱好:</label><input type="checkbox"  name="chk" />上网
    
<input type="checkbox"  name="chk" />唱歌<br />
    
<input id="btnCheck" type="button" value="button" />
    
<span id="msn"></span>
    
</form>
</body>
</html>

:input:所有表单元素

:text:获得所有text元素的元素,如要获得所有值,必须有each循环获得

:password:获得属性为password的元素

:checkbox:获得所有checkbox元素的元素,如要获得选中的值,则需要用each循环获得(:checkbox:checked)

等等....

posted @ 2011-06-14 18:15  双魂人生  阅读(3285)  评论(0编辑  收藏  举报