Jquery啓用/禁用複選框

Question

我想讓這段代碼在頁面有多於一組的datepicker時工作。

如果您選擇「我目前在這裏工作」選項，它會影響這兩個組，並且我只想影響當前組。

My code

$('.current-work-status').change(function() { 
    $('.form-control-2').prop('disabled', $(this).is(':checked')); 
}); 

Answer 1

嘗試

$('.current-work-status').change(function() { 
    $(this).closest('div').prev().find('.form-control-2').prop('disabled', this.checked); 
}); 

updated fidle

Answer 2

嘗試

DEMO

使用jQuery .parents()選擇查找組的父母和使用.find()得到.form-control-2和更新屬性。

$('.current-work-status').change(function() { 
    $(this).parents('div.row').find('.form-control-2').prop('disabled', $(this).is(':checked')); 
});