首页 > 代码库 > 用jquery获取表单元素
用jquery获取表单元素
表单验证需要获得表单元素，下面是获取表单元素的方法
例子：
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>无标题页</title> <script src="http://www.mamicode.com/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="http://www.mamicode.com/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获取表单元素
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。