チェックボックスは、親TRを変更し、入力が内に含まれます

Question

これを説明するための最良の方法がわからない...あなたは、このようにちょっと無用の入力をレンダリングし、特定の日を省略したい場合、私はあなたが2回入力することができます入力するだけでなく、チェックボックスを持っているので、私は思いますそれらを無効にしたい...

ここで私は、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");
    }
});