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

 

posted @ 2020-06-15 16:46  十月围城小童鞋  阅读(4114)  评论(0)  编辑  收藏  举报