Флажок изменяет родительский tr и входные данные, содержащиеся внутри

Question

Не знаю, как лучше это объяснить...У меня есть ввод, куда вы можете ввести два раза, а также флажок, если вы хотите пропустить определенный день, что делает ввод бесполезным, поэтому я бы хотел их отключить...

Вот что у меня есть на данный момент для HTML (повторено 7 раз):

<td><div>From:</div><input type="text" name="F_MON"></td>
<td><div>To:</div><input type="text" name="T_MON"></td>
<td class="unavailableday"><input type="checkbox" name="MON_UNAVAIL" value="Y"> Unavailable?</td>

И затем Javascript:

$("tr td input[type=checkbox]").bind("click", function() {
    var $this = $(this);
    if($this.is(':checked')) {
        $this.parents('tr').css({'background-color' : 'lightyellow'});
        $this.parents('tr input').siblings('input type=[text]').attr("disabled", true);
    }
});

К сожалению, когда вы устанавливаете флажок, соответствующий tr становится желтым, что идеально, но предыдущие входные данные не отключаются...Я также хотел бы сделать .unmask() и изменить .val(), когда они отключены, как бы надеясь, что если я смогу правильно настроить родителей/братьев и сестер, их будет легко адаптировать: o

Спасибо!

Answer 1

Пытаться

$("tr td :checkbox").bind("click", function() {
    var $this = $(this);
    if($this.is(':checked')) {
        var $row = $this.closest('tr');
        $row.css('background-color', 'lightyellow');
        $this.siblings(':text').attr("disabled", "disabled");
    }
});