我有以下代码：
<div class="select"><input onclick="return next();" type="radio"></div>
<div class="select" style="display: none" ><input onclick="return next();" type="radio"></div>
<div class="select" style="display: none" ><input onclick="return next();" type="radio"></div>
<script>
function next() {
$('.select').next().show();
}
</script>
考虑到我单击了第一个元素的单选按钮。如何选择行中的下一个父元素。现在他们都显示了。
谢谢，
您以错误的方式使用 jQuery。
所有的元素都有这个select类，你必须让 jQuery 代码知道你想在哪个元素.select旁边.select显示，现在点击任何.select元素会触发显示所有.select元素的下一个兄弟元素的函数。
而不是使用onclick属性来方便点击处理程序
<script>
function next() {
$('.select').next().show();
}
</script>
使用 jQuery 的事件附加
<script>
$(document).ready(function(){
$('.select').on("click", function(){
$(this).next().show();
});
});
</script>
并onclick从元素中删除属性
<div class="select"><input type="radio"></div>
<div class="select" style="display: none" ><input type="radio"></div>
<div class="select" style="display: none" ><input type="radio"></div>
另请注意，当前您正在查找.select包含radio输入的元素的点击次数，这可能会导致用户甚至可能不会检查radio输入而仍然显示下一个.select元素。那是因为 div 的跨度超过了input元素的面积。我的建议是将.select div元素的宽度限制为内部内容的宽度，即输入或将onchange事件附加到radio输入本身。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句