[reh]

Есть код

    <div class="week_day_wrapper">
        <div class="work_week_day">Воскресенье</div>
        <div>
            <div class="work_day_span">с</div>
            <input maxlength="2" type="text" name="sunday_open_h" class="hours" value="{*.sunday_open_h*}"/>
            <span>:</span>
            <input maxlength="2" type="text" name="sunday_open_m" class="minutes" value="{*.sunday_open_m*}"/>
        </div>
        <div style="margin-top: 5px;">
            <div class="work_day_span">до</div>
            <input maxlength="2" type="text" name="sunday_close_h" class="hours" value="{*.sunday_close_h*}"/>
            <span>:</span>
            <input maxlength="2" type="text" name="sunday_close_m" class="minutes" value="{*.sunday_close_m*}" pattern="[0-5][0-9]"/>
        </div>
        <div class="day_off_week">
            <input type="checkbox" id="checkbox7" name="check_sunday"/>
            <label for="checkbox7">Выходной</label>
        </div>
    </div>

Непойму как сделать чтобы по клику по <input type="checkbox" id="checkbox7" name="check_sunday"/>
4 инпута делались неактивными? Никак понять не могу почему так не работает

$('.day_off_week :checkbox').on('change', function(){ 

                $(this).parent().parent('input[type="text"]').attr('disabled', 'disabled');
            })