チェックボックスに合わせてCSSを変更したい

質問

いつもお世話になっています。

現在jqueryの勉強をしながらWEBサイトを制作しています。

今回質問させていただきたいのはページを読み込んだ際に
前ページからチェックを引き継いでいる（phpで言うGET POST）チェックボックスに合わせてCSSを変更する方法です。

投稿時にカテゴリーをチェックボックスにより選択された内容によって
入力フォームの表示を変更しているのですが

次ページに飛ぶとチェックは残っているのですがCSSがリセットされてしまいます。

$(document).ready(function(){
if( $( 'input:checkbox[name="tax_input[tumblog][]"]:eq(0)' ).is( ':checked' ) ) {
$("#1111").css({display:'none'})
}
});

読み込み時に先頭のチェックボックスに入力が入っていたら
#1111にdisplay:noneをかけるつもりでしたがうまく動作しませんでした。

独学で学んできましたのでかなり初歩ができていない
状態で質問をしているかもしれませんが

もしご指摘いただけましたら幸いでございます。
どうぞ宜しくお願い申し上げます。

回答No.1

LancerVII

こんにちは。

htmlの構成が下記のようになっていればこんな感じになると思います。
(IDの先頭は数字じゃダメです。動きはしますけど)

==== HTML

<input type="checkbox" name="tax_input[tumblog]" checked="checked" value="1" />
<input type="checkbox" name="tax_input[tumblog]" value="2" />
<input type="checkbox" name="tax_input[tumblog]" value="3" />
<input type="checkbox" name="tax_input[tumblog]" value="4" />

==== JavaScript
if( $('input:checkbox[name="tax_input[tumblog]"]:eq(0)').is(':checked') ) {
$('#1111').css({display:'none'});
}