チェックボックスが選択されている場合、次のコードを使用してテーブルの1〜4行を非表示にします。
for(i = 1; i < 4; i++){
$(tbProf.rows[i]).attr('style','display:none');
// same problem with
// $(tbProf.rows[i]).hide();
}
チェックを外すと逆になります。
for(i = 1; i < 4; i++){
$(tbProf.rows[i]).removeAttr('style');
// same problem with
// $(tbProf.rows[i]).show();
}
Chrome/Firefoxでは完全に正常に機能します。
ただし、IE7 / 8では、フォームのどこか(どこか)をクリックした後、スタイルが適用された後にのみ、行が非表示/表示されます。誰かがIE8の回避策を提案できますか?[私はIE8をサポートする必要があります:(]