jQueryを使った、show()とhide()について質問です。


チェックボックスが、OFFの時は、DIV=EXの領域をhideして、ONの時は、showしたいです。
実装しましたが、チェックボックスにチェックがついている時に、EX領域が消えていて、チェックが無い時(初期表示時を除く)に、EX領域が出てしまいます。

ソースを添付しますので、見て頂けないでしょうか。

-----------------------
$(document).ready(function(){

// 初期表示設定
$('#ex').hide();

// チェックボックスクリック
$("input[name='showCheck']").click(function () {
if ($("input[name='showCheck']:checked").val()){
$('#ex').hide();
}else{
$('#ex').show();
}
});
});
-----------------------

回答の条件
  • 1人10回まで
  • 登録:2010/02/10 02:07:53
  • 終了:2010/02/17 02:10:02

回答(1件)

id:nzworks No.1

nzworks回答回数13ベストアンサー獲得回数02010/02/10 05:07:55

ポイント60pt

if文で分岐している部分の show() と hide()を逆にしたら想定通りになるのではないでしょうか。

$(document).ready(function(){

// 初期表示設定

$('#ex').hide();

// チェックボックスクリック

$("input[name='showCheck']").click(function () {

if ($("input[name='showCheck']:checked").val()){

$('#ex').show();

}else{

$('#ex').hide();

}

});

});

id:nemutaiyo

ありがとうございます。あっさりできました。。(泣)

間抜けな質問に答えてくださり、ありがとうございます。。

2010/02/10 16:55:33

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません