js原生table定义checkbox,并获取值放到数组

表格定义：

       

<div class="row-fluid">
<div id="zhongxin">
<!-- 检索  -->
<form action="order/adOrder" method="post"  name="adOrderForm" id="adOrderForm">
<!-- 检索  -->
   <a id="add"   class="bs-btn2 bs-btn2-orange"  onclick="shelves();">添加上架</a>
<table id="table_report" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th><input id="allboxs" onclick="allcheck()" type="checkbox"/></th>
<th>序号</th>
<th>商品名称</th>
<th>商品种类</th>
<th>采购价格</th>
</tr>
</thead>
<tbody>
<!-- 开始循环 -->
<c:choose>
<c:when test="${not empty list}">
<c:forEach items="${list}" var="o" varStatus="vs">
<tr>
<td><input type="checkbox"   name="goodId" value="${o.goodId}"></td>
<td>${vs.index+1}</td>
<td>${o.goodName}</td>
<td>${o.typeName}</td>
<td>${o.price}</td>
</tr>
</c:forEach>
</c:when>
<c:otherwise>
<tr class="main_info">
<td colspan="100" class="center">没有相关数据</td>
</tr>
</c:otherwise>
</c:choose>
</tbody>
</table>
<div class="page-header position-relative">
<table style="width: 100%;">
<tr>
<td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
</tr>
</table>
</div>
</form>
</div>

</div>

js方法：

function shelves()
{
//var nn = $("#allboxs").is(":checked");
//var followers = document.getElementsByName("goodId"); 
var vals = [];
$('input[name="goodId"]:checked').each(function () {
               var obj = this;
               vals.push($(obj).val());
           });
var idstr=vals.join(',');
       
}