用jquery获取表单元素

最新推荐文章于 2023-11-08 08:20:01 发布

dingzhui2715

最新推荐文章于 2023-11-08 08:20:01 发布

阅读量202

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/Abner5/p/5915140.html

版权

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

例子：

<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)

原帖：http://www.cnblogs.com/shuang121/archive/2011/06/14/2080876.html

转载于:https://www.cnblogs.com/Abner5/p/5915140.html

dingzhui2715

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用jquery获取表单元素

表单验证需要获得表单元素，下面是获取表单元素的方法例子：<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>无标题页</title> <script src="js/jquery-1.6.min.js" ...
复制链接

扫一扫