jQueryを使い出してもうすぐ1ヶ月というところですが、やりたいことがなかなかできない。

条件分岐がうまくできずに困っていたのですが、解決しました。


やりたいこと

jQueryで画面初期表示時、ラジオボタンにチェックがついているかによって、テキストボックスの色を変える


<script type="text/javascript">
$(document).ready(function(){
if( $( '#select1' ).is( ':checked' ) ) {
$("#text1").css('background-color','#D3D3D3')
}
});
</script>

↓ここからhtml↓
<input type="text" id="text1" />
<input type="text" id="text2" />
<input type="radio" id="select1" checked="checked" />
<input type="radio" id="select2" />


is( ':checked' )でできました。


否定の場合は

if(! $( '#select1' ).is( ':checked' ) )

AND、ORもできます。
if( $( '#select1' ).is( ':checked' ) && $( '#select2' ).is( ':checked' ))

if( $( '#select1' ).is( ':checked' ) || $( '#select2' ).is( ':checked' ))

.is の使い方についてはこちら

http://semooh.jp/jquery/api/traversing/is/expr/