如何基于复选框选择div中的最后一个元素
如何基于复选框选择div中的最后一个元素
提问于 2015-01-12 15:53:59
$(".a").on('click',function(){
alert($(this).next('input[type="hidden"]').attr('value'))
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id">
<div>
<strong><input type="checkbox" value="1" class="a"> chbox1</strong>
<input type="hidden" value="1">
</div>
<div>
<strong><input type="checkbox" value="1" class="a"> chbox1</strong>
<input type="hidden" value="2">
</div>
</div>
更改复选框状态时，如何获得隐藏元素值？
有人知道让我知道吗？
谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-01-12 15:56:29
代码中隐藏的输入不是复选框的同级输入，应该首先使用$(this).parent()或$(this.parentNode)选择父元素。
$(this.parentNode).next('input[type="hidden"]').val();Stack Overflow用户
发布于 2015-01-12 16:02:21
input是父strong元素的同级元素，所以首先获取父元素，然后查找.next('input[type="hidden"]')。
另外，您可以使用.val()代替.attr('value')。
$(".a").on('click',function(){
alert($(this).parent().next('input[type="hidden"]').val())
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id">
<div>
<strong><input type="checkbox" value="1" class="a"> chbox1</strong>
<input type="hidden" value="1">
</div>
<div>
<strong><input type="checkbox" value="1" class="a"> chbox1</strong>
<input type="hidden" value="2">
</div>
</div>
Stack Overflow用户
发布于 2015-01-12 16:03:30
下面是使用两个parent方法调用查找的div元素，然后使用find搜索隐藏元素。我刚刚发现(在另一个stack post中)，也可以使用更改来检测复选框选择的更改。
$(".a").on('click',function(){
alert($(this).parent().parent().find('input[type="hidden"]').attr('value'))
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="id">
<div>
<stong><input type="checkbox" value="1" class="a"> chbox1</stong>
<input type="hidden" value="1">
</div>
<div>
<stong><input type="checkbox" value="1" class="a"> chbox1</stong>
<input type="hidden" value="2">
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27905875
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号