Скрыть ячейку таблицы, пока флажок не установлен - PullRequest
Новая
       1

Скрыть ячейку таблицы, пока флажок не установлен

0 голосов
/ 05 сентября 2011

Используя jQuery, я хочу, чтобы ячейка таблицы оставалась скрытой до тех пор, пока не будет установлен флажок, и исчезнет, ​​если флажок снова не будет выбран.Я очень новичок в jQuery и мне было интересно, если кто-то может указать мне в правильном направлении.

Код, который я имею на минуту:

HTML 

<tr>
    <td class="column1">Get Files:</td><td class="column2"><input type=checkbox     
    name="getfiles"></td>
</tr>
<tr>
    <td class="column1"></td><td class="hidden"><i>The size of the files attached will
    be: *0*</i></td>
</tr>

JQUERY 

$('#hidden').hide();
$('#getfiles').click(function() {
    if($('#getfiles').is(':checked'))
    {
        $('#hidden').show();
    }
    else
    {
        $('#hidden').hide();
    }   
});

1 Ответ

6 голосов
/ 05 сентября 2011

Примечание 1: у вашего флажка нет идентификатора getfiles только имя - это не то же самое.

Примечание 2: В общем случае не стоит просто прятать td элемент таблицы - в большинстве браузеров это вызывает странный рендеринг. Не трогайте тд, а оберните содержимое, которое вы хотите скрыть, в другой блок (это может быть div или что-то еще): 

<table>
<tr>
    <td class="column1">Get Files:</td><td class="column2"><input type=checkbox     
    id="getfiles" name="getfiles"></td>
</tr>
<tr>
    <td class="column1"></td><td><div id="hidden"><i>The size of the files attached will
    be: *0*</i></div></td>
</tr>
</table>

Тогда этот код должен работать: 

$('#hidden').hide();
$('#getfiles').click(function() {
    if(this.checked) {
        $('#hidden').show();
    } else {
        $('#hidden').hide();
    }   
});
...