jquery获取多个相同name的input框的value值

时间：2024-03-11 12:28:31
<!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的表单。

 

相关文章