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的表单。

  • 相关阅读:
    唯品会面经
    动态代理两种实现方式
    腾讯运营开发面经
    MySQL一些中重要命令
    金山wps面经
    三七互娱面经
    排序算法之快速排序(Quicksort)解析
    全排列算法分析(原创方法/一般方法/字典序法)
    WinForm如何去掉右边和下边的白边
    Java异常处理机制的秘密
  • 原文地址:https://www.cnblogs.com/pypua/p/13131836.html
Copyright © 2011-2022 走看看