用jquery获取表单元素
Posted 李大白
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用jquery获取表单元素相关的知识,希望对你有一定的参考价值。
表单验证需要获得表单元素,下面是获取表单元素的方法
例子:
<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
以上是关于用jquery获取表单元素的主要内容,如果未能解决你的问题,请参考以下文章
怎么用javascript/jquery在当前页面获取动态添加的表单的name和值并且变成整个数组