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)

等等....

转载于:https://www.cnblogs.com/abenmao/archive/2012/02/28/2371903.html