Jquery 选择最近的无线电输入
我有如下的想法Jquery 选择最近的无线电输入,jquery,Jquery,我有如下的想法 <input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday"> Sunday <input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am"> 02:00am <input type="radio" name="pickup_time[]"
<input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday"> Sunday
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am"> 02:00am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am"> 02:30am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am"> 05:30am<br>
<input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday"> Monday
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am"> 02:00am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am"> 02:30am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am"> 05:30am<br>
etc ....
$('.pickup-location-time').on('change', function() {
$(this).closest('.pickup-location-time').prop('checked', true);
})
但这没用
使用prev()
确保选择。取货地点日期使用prev()
确保选择.picking location day
如果您是正确的,.closest()
会执行完全不同的操作
如果您控制文档结构,为什么不直接使用$(this).next('.pickup location time')
,因为它总是您要选择的下一个元素?您是正确的,.closest()
做了一些完全不同的事情
如果您控制文档结构,为什么不直接使用$(this).next('.pickup location time')
,因为它始终是您要选择的下一个元素?将您的收音机包装成组,以便您可以在特定组中进行遍历。这简化了隔离实例的过程
<div class="radio-group">
<input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday">Sunday
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am">02:00am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am">02:30am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am">05:30am
</div>
<div class="radio-group">
<input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday">Monday
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am">02:00am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am">02:30am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am">05:30am
</div>
将您的收音机分组,以便您可以在特定的组内进行移动。这简化了隔离实例的过程
<div class="radio-group">
<input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday">Sunday
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am">02:00am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am">02:30am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am">05:30am
</div>
<div class="radio-group">
<input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday">Monday
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am">02:00am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am">02:30am
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am">05:30am
</div>
在jQueryAPI中查看最近()的用法。你会发现它不能做你想要的事情,除非你的收音机被包装在jQuery API中的groups元素look中,closest()
是用来做什么的。除非你的收音机被包装在组元素中,否则它不会做你想要的。这是个好主意,将它们包装在一个分区中。但是OP想选择下一个。拾取位置时间。@Bhojendra-C-LinkNepal这就是我解释OP的要求。它会在适当的时间内正确检查日期
group@Bhojendra-C-LinkNepal你的解释和我读的不同也许你是对的,但OP让我感到困惑。我又读了一遍,看起来和你一样,但在OP的代码中,时间不是一天。如此混乱。。。无论如何,这是OP的选择+1@charlietfl我试过了,但出于某种原因,它只选择了最后一个.picking location day
,而不是下一个。这是一个好主意,将它们包装在一个div中。但是OP想选择下一个。picking location time..@Bhojendra-C-LinkNepal这就是我解释OP的要求。它会在适当的时间内正确检查日期
group@Bhojendra-C-LinkNepal你的解释和我读的不同也许你是对的,但OP让我感到困惑。我又读了一遍,看起来和你一样,但在OP的代码中,时间不是一天。如此混乱。。。无论如何,这是OP的选择+1@charlietfl我试过了,但出于某种原因,它只选择了最后一个。取货地点日
,而不是下一个
$('.pickup-location-time').on('change', function () {
$(this).parent().find('.pickup-location-day').prop('checked', true);
})