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);
})