题
脑紧缩和需要帮助,
我有与被其可以根据如果复选框上隐藏或者可见的6行的表。这个伟大的。每一个小问题日常工作 - 当最后一个复选框(VAL =“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();
});
});
为6所述的HTML源个行是:
<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>
在此先感谢您的帮助。
鲍勃Knothe
解决方案
尝试了这一点:
$(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();
});
});
其他提示
在复选框具有ID “View5”,但JS引用'view'+rowIndex
。 ID是大小写敏感的。
不隶属于 StackOverflow