Флажок меняет родительский tr и входы, содержащиеся в - PullRequest
Новая
       13

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

1 голос
/ 06 августа 2009

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

Вот что у меня есть на данный момент для 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

Спасибо!

1 Ответ

2 голосов
/ 06 августа 2009

Попробуйте 

$("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");
    }
});
...