87,993
社区成员
发帖
与我相关
我的任务
分享要获得当前页面所有 class为 aaa 并且选中的 复选框 要怎么获得
而且还要遍历 遍历的过程中要获得 每一个 复选框所在的tr（或者他name值）
...全文
请发表友善的回复…
发表回复
蚂蚁上树 2017-03-24
- 打赏
- 举报
第一个的话 .first() 或者 .eq(0) 都可以
斯洛文尼亚旅游 2017-03-24
- 打赏
- 举报
第一个那不是aa.eq(0)就行了，不懂你要搞什么
baidu_38040019 2017-03-23
- 打赏
- 举报
js代码
var allchecked=$(".check-one:checkbox:checked");
var length=allchecked.length;
var area=$(".check-one:checkbox:checked")[0].name;
if(length>1)
{
allchecked.each(function(){
if(this.name!=area)
{
result=false;
alert("请选择同一个区服的商品结算")
return;
}
})
}
if(result)
{
allchecked.each(function(){
alert(
this.parentNode.parentNode)
})
}
<c:forEach var="goods" items="${shoppingcarList}">
<tr>
<td class="checkbox"><input class="check-one check"name="${goods.area}" type="checkbox"/></td>
<td class="goods"><img class="picture" src="<%=request.getContextPath()%>${goods.image}"/><span> ${goods.area}${goods.goodsTitle}</span></td>
<td class="price">${goods.price}</td>
<td class="count"><span class="reduce"></span><input class="count-input" name="${goods.goodsId}" onblur="changeNums(this)" type="text" value="${goods.goodsNums}"><span class="add">+</span></td>
<td class="subtotal">${goods.price*goods.goodsNums}</td>
<td class="operation"><span class="delete">删除</span></td>
<td style="display:none"><span id="goodsId">${goods.goodsId}</span></td>
<td style="display:none"><span id="goodsId">${goods.area}</span></td>
</tr>
</c:forEach>
本来是这样获取 这个tr中span中的内同var goodsId=tr[i].getElementsByTagName('span')[4].innerHTML;
那现在在jquery要怎么做到
baidu_38040019 2017-03-23
- 打赏
- 举报
<tbody>
<c:forEach var="goods" items="${shoppingcarList}">
<tr>
<td class="checkbox"><input class="check-one check"name="area" type="checkbox"/></td>
<td class="goods"><img class="picture" src="<%=request.getContextPath()%>${goods.image}"/><span> ${goods.area}${goods.goodsTitle}</span></td>
<td class="price">${goods.price}</td>
<td class="count"><span class="reduce"></span><input class="count-input" name="${goods.goodsId}" onblur="changeNums(this)" type="text" value="${goods.goodsNums}"><span class="add">+</span></td>
<td class="subtotal">${goods.price*goods.goodsNums}</td>
<td class="operation"><span class="delete">删除</span></td>
<td style="display:none"><span id="goodsId">${goods.goodsId}</span></td>
<td style="display:none"><span id="goodsId">${goods.area}</span></td>
</tr>
</c:forEach>
</tbody>
就是想要做到 所选的商品类型都要一样 否则会会有提示[/quote]
var aa=$(".check-one:checkbox:checked");
alert(aa.length);
$(".check:checkbox:checked").each(function()
{
}
)
我发现这个可以用 就是如果想获得 这个aa里面的第一个要怎么写
baidu_38040019 2017-03-23
- 打赏
- 举报
<tbody>
<c:forEach var="goods" items="${shoppingcarList}">
<tr>
<td class="checkbox"><input class="check-one check"name="area" type="checkbox"/></td>
<td class="goods"><img class="picture" src="<%=request.getContextPath()%>${goods.image}"/><span> ${goods.area}${goods.goodsTitle}</span></td>
<td class="price">${goods.price}</td>
<td class="count"><span class="reduce"></span><input class="count-input" name="${goods.goodsId}" onblur="changeNums(this)" type="text" value="${goods.goodsNums}"><span class="add">+</span></td>
<td class="subtotal">${goods.price*goods.goodsNums}</td>
<td class="operation"><span class="delete">删除</span></td>
<td style="display:none"><span id="goodsId">${goods.goodsId}</span></td>
<td style="display:none"><span id="goodsId">${goods.area}</span></td>
</tr>
</c:forEach>
</tbody>
就是想要做到 所选的商品类型都要一样 否则会会有提示
斯洛文尼亚旅游 2017-03-23
- 打赏
- 举报
html代码结构呢？？你的checkbox是在table里面吧，那不是直接getElementsByTagName获取就好了
<table border="1" id="tb">
<tr><td><input type="checkbox" onclick="selectAll(this)" />全选</td><td>姓名</td></tr>
<tr><td><input type="checkbox" class="aaa" /></td><td>姓名1</td></tr>
<tr><td><input type="checkbox" class="aaa" /></td><td>姓名2</td></tr>
<tr><td><input type="checkbox" class="aaa" /></td><td>姓名3</td></tr>
<tr><td colspan="2" align="center"><input type="button" value="遍历选中行" onclick="getChecked()" /></td></tr>
</table>
<script>
var input = document.getElementById('tb').getElementsByTagName('input'),aaa=[];
for (var i = 0; i < input.length; i++) if (input[i].type == 'checkbox' && input[i].className == 'aaa') aaa.push(input[i]);
function selectAll(cb) { for (var i = 0; i < aaa.length; i++) aaa[i].checked = cb.checked; }
function getChecked() {
var tr;
for(var i=0;i<aaa.length;i++)
if (aaa[i].checked) {
tr = aaa[i].parentNode.parentNode;//注意调整这里如果你的checkbox还有父容器，而不是直接放td里面
alert(tr.innerHTML)
}
}
</script>
似梦飞花 2017-03-23
- 打赏
- 举报
document.querySelectorAll('.aaa:checked')
之后遍历获取parentNode.name
