質問
脳のスクイズと
、助けを必要と私は、チェックボックスがチェックされている場合に応じて、非表示または表示することができますされている6行を持つテーブルがあります。この.eachルーチンは、一つの小さな問題で素晴らしい作品 - とき、最後のチェックボックスが(ヴァル=「5」)をチェックして、あなたは(クラス=「hide5」と)行6が隠されている更新ボタンを押してください。これは、最後のチェックボックスで発生する - チェックされている他のチェックボックスが表示されたまま
。$(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