zoukankan      html  css  js  c++  java
  • jQuery基础 处理表单元素

    1.获取input类的值: $("input").val();

    2.获取textarea类的值: $("textarea").val();

    3.获取select类的值:$("select").val();

    当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组。当然,你可以给这些控件加上ID,从而对某个特定的控件取值,例如:$("input#myID").val()。

    下面将对每一种控件的取值方法做一一介绍:

    1. input type="text" 单行文本输入框和input type="password" 密码输入框

    $("input").val();

    2. input type="radio" 单选框

    $("input:checked").val(); //使用checked,取被选中的单选框的值

    3. input type="checkbox" 复选框 (值得注意)

    $("input:checked").each(function(index){
    
      $("#result").append($(this).val() + " ");
    
    });
    
    //因为复选框的选择结果通常大于1,所以得到的结果是数组。
    
    //使用.each()方法,可以把选择的值一一取出。
    
    //这里结果将被加入(append)到ID为"result"的段落里

    4. input type="submit" (表单提交按钮)

    取值方法和单行文本输入框的取法相同,但没有什么实际意义。

    5. textArea 多行文本输入框

    $("textarea").val();

    6. select 下拉框 (单选和多选)

    $("select").val(); 
    
    //注意:如果是复选,那么得到的结果是用逗号分格的字符串,例如:"选择一,选择二”。

    注意:

    • 对表单元素取值,通常是发生在表单别递交后,在jQuery我们可以用下面的语句进行判断:
    $("form").submit(function(){
    
      $("input").val();
    
    });
    • 对表单元素设值,只要把要设置的值作为传递参数即可,例如:$("input").val("61dh.com");
  • 相关阅读:
    112th LeetCode Weekly Contest Validate Stack Sequences
    112th LeetCode Weekly Contest Minimum Increment to Make Array Unique
    C# 有关系统音量的操作
    C# 关于时区的操作
    WordPress 设置GeoIP数据库目录权限时错误解决方案
    AtCoder Beginner Contest 113 C
    AtCoder Beginner Contest 113 B
    AtCoder Beginner Contest 113 A
    将Tomcat注册为Windows服务
    常用的调试方法
  • 原文地址:https://www.cnblogs.com/tweet/p/1667115.html
Copyright © 2011-2022 走看看