Jquery启用/禁用复选框

时间:2015-06-03 09:50:49

标签: javascript jquery datepicker

当页面包含多组datepicker时,我正在尝试使此代码正常工作。

如果您选择"我目前在这里工作"它会影响两个组,我只想影响当前组。

My code

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

2 个答案:

答案 0 :(得分:4)

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

<强> updated fidle

答案 1 :(得分: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'));
});