zoukankan      html  css  js  c++  java
  • 用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

  • 相关阅读:
    Java 开发环境配置
    kettle脚本定时任务不执行
    python 列表之队列
    tensorflow训练过程中内存溢出
    关于 numpy.array和list之间的转换
    vscode 小笔记
    【python2/3坑】从gensim的Word2Vec.load()的中文vector模型输出时显示unicode码
    WingIDE用法笔记
    numpy.ndarray类型的数组元素输出时,保留小数点后4位
    tensorboard 用法
  • 原文地址:https://www.cnblogs.com/Abner5/p/5915140.html
Copyright © 2011-2022 走看看