<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
input{
50px;
height: 35px;
background: orange;
}
</style>
</head>
<body>
<div class="container">
<div class="row row1">
<input type="button" value="红" />
<input type="button" value="黄" />
<input type="button" value="蓝"/>
<input type="button" value="白"/>
<input type="button" value="军绿"/>
</div>
<div class="row row2">
<input type="button" value="xl"/>
<input type="button" value="xxl"/>
<input type="button" value="xxxl"/>
</div>
<div class="row row3">
<input type="button" value="纯棉"/>
<input type="button" value="牛仔"/>
<input type="button" value="针织"/>
</div>
</div>
<!-- <script src="jquery-3.2.1.min.js"></script> -->
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script type="text/javascript">
$(".container .row input").on("click",function(){
var _this = $(this);
_this.attr("st",1)
const arr = [];
$.each($(".container .row1 input[st=1]"),function(index,val){
const key1 = val.value;
$.each($(".container .row2 input[st=1]"),function(index,val){
const key2 = val.value;
$.each($(".container .row3 input[st=1]"),function(index,val){
const key3 = val.value;
if(val){
arr.push([key1,key2,key3])
}
})
})
})
console.log(arr,"arr")
})
</script>
</body>
</html>