zoukankan      html  css  js  c++  java
  • jquery获取多个相同name的input框的value值

    <!DOCTYPE html>
    <html lang="zh">
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
    </head>
    <script src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script>
    <body>
    <form method="post" enctype="multipart/form-data">
        早餐:<input type="text" name="goods" /><br>
        午餐:<input type="text" name="goods" /><br>
        晚餐:<input type="text" name="goods" /><br>
        <input type="button" name="sub" class="sub" value="提交" />
    </form>
    </body>
    <script>
        $('.sub').click(function () {
            var arr =[];
            $("input[name='goods']").each(function(){
                arr.push($(this).val());
            })
            console.log(arr);
        });
    </script>
    </html>

    $("div[id]") 选择所有含有id属性的div元素 
    $("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素 
    $("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素 
    $("input[name^='keleyi']") 选择所有的name属性以'keleyi'开头的input元素 
    $("input[name$='keleyi']") 选择所有的name属性以'keleyi'结尾的input元素 
    $("input[name*='keleyi']") 选择所有的name属性包含'keleyi'的input元素 
    $("input[id][name$='keleyi']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素 

    例如:$(":input[name='keleyi']") 表示查找的是name为keleyi的表单。

  • 相关阅读:
    元类,单例模式
    面向对象高阶
    类的三大特性---封装以及Property特性
    c# 中的string(神奇的string)
    c#中的equal和getHashCode
    linq中的Distinct的使用(附带IComparable和IComparer的复习和使用)
    flex布局完整示例
    flex布局中flex-basis的理解
    CSS两端对齐的效果;
    理解c#中扩展性代码
  • 原文地址:https://www.cnblogs.com/pypua/p/13131836.html
Copyright © 2011-2022 走看看