人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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();
}
});
});
-----------------------


●質問者: nemutaiyo
●カテゴリ:コンピュータ インターネット
✍キーワード:Click EX hide jQuery name
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● nzworks
●60ポイント

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

$(document).ready(function(){

// 初期表示設定

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

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

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

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

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

}else{

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

}

});

});

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ