2011-07-08 8 views

答えて

4

あなたは日科技連this.checked

$('input[name=messagetick]').click(function() { 
    if (this.checked) { 
     $('.contactmessage').show(); 
    } 
    else { 
     $('.contactmessage').hide(); 
    } 
}); 

Aわずかに良いバージョンは.toggle([showOrHide])

$('input[name="messagetick"]').click(function() { 
    $('.contactmessage').toggle(this.checked); 
}); 
を使用するを使用することができます

サイドノートの場合、属性セレクタを使用するときは"を忘れないでください。

Example on jsfiddle

+0

優れています。マークありがとうございます。 – bollo

+0

トグル()が良いと思います。 –

+0

もう1つマークします。このコードで、PHPに渡すテキストエリアボックスの値を取得する方法を教えてください。 – bollo

2

is( ":checked")を使用すると、チェックボックスがオンになっているかどうかを確認できます。

これを試してください:あなたはJSのフレームワークとしてMooToolsはを選択しているhttp://jsfiddle.net/8k8VW/18/

@

$('input[name=messagetick]').click(function() { 
    if($(this).is(":checked")) { 
    $('.contactmessage').show();  } 
    else { 
     $('.contactmessage').hide(); 
    } }); 

例。 jQueryに変更してください。 はあなたがフレームワークとしてのjQueryを選択しなかったので、MooToolsのがロードされた[http://jsfiddle.net/8k8VW/1/][2]

+0

申し訳ありませんが、ちょうど更新疑問。問題はなぜボックスを切ると隠れてしまうのかということでした。ありがとう – bollo

2

@コードを更新しました。

使用このコード:

$('input[name=messagetick]').click(function() { 
     $('.contactmessage').toggle($(this).is(':checked'));  
}); 

はフィドル:http://jsfiddle.net/8k8VW/9/

+0

yeh私はそれを修正します。ありがとう – bollo

+0

フィドルとコードは今すぐに動作します –

関連する問題