Вопрос
Мозги сжимаются и нужна помощь,
У меня есть таблица с 6 строками, которые могут быть скрыты или видны в зависимости от того, установлен ли флажок.Это .каждая процедура отлично работает с одной небольшой проблемой - когда установлен последний флажок (значение = "5") и вы нажимаете кнопку обновить, строка 6 (с class ="hide5") скрывается.Это происходит только при последнем установленном флажке - любой другой установленный флажок остается видимым.
$(document).ready(function($) {
$('input:checkbox').each(
function(rowIndex){
if($('#view'+rowIndex).is(':checked') == true){
$('.hide'+rowIndex).show();
}
else if($('#view'+rowIndex).is(':checked') == false){
$('.hide'+rowIndex).hide();
}
}
);
$('input:checkbox').click(function () {
var row = this.value;
$('.hide' + row).toggle();
});
});
HTML-источник для 6че строка - это:
<tr class="hide5">
<td width="175" align="center" style="padding:1px 0px 11px 0px"><br />
<span>Total</span><br />
<span> </span><br />
</td>
<td width="175" align="center">
<input class="auto" type="text" id="bwPound" size="18" alt="p8c3pvS" />
</td>
<td width="175" align="center">
<input class="auto" type="text" id="bwPound" size="18" alt="p8c3pvS" />
</td>
</tr>
Заранее спасибо за вашу помощь
Боб Кнотх
Решение
Попробуйте это:
$(document).ready(function($) {
$('input:checkbox').each(function(rowIndex){
var $row = $(this);
if ($row.is(':checked')){
$('.hide'+rowIndex).show();
} else {
$('.hide'+rowIndex).hide();
}
});
$('input:checkbox').click(function () {
var row = this.value;
$('.hide' + row).toggle();
});
});
Другие советы
Флажок имеет идентификатор "View5", но ссылки на JS 'view'+rowIndex
. Идентификаторы чувствительны к регистру.
Не связан с StackOverflow