jQueryで作るチェックボックスで切り替えるボタンとpropとattr

「チェックをしたあとにボタンを表示させたい!」
「チェックをしてないと見えなくしたい!」
というWebデザイナーの願いを叶える、同意したよボタンを
作成しました。


html
<label><input type="checkbox">同意しました</label>
<p id="button">申し込む</p>
<p id="button_off">申し込む</p>


javascript
$('#button').hide()
$(':checkbox').click(function() {
    if ($(this).prop('checked') == false) {
        $('#button').hide();
        $('#button_off').show();
    } else {
        $('#button').show();
        $('#button_off').hide();
    }
});   


で、このやり方で全ページにも設置していったところ
特定のページでチェックボックスが動かなくなる事案…
他のページにはなんなく動いていたのに突如コンソールで
吐き出されるエラー…

どうやらこけてるのがこのあたりのようで
 
if ($(this).prop('checked') == false) {


調べたところ、attrとpropのかえってくる値が
jQueryのバージョンで違うとのことでした。

該当のページだけjQueryの1.5をよんでいたので、
下記のように修正して問題ない事を確認。
 
if ($(this).attr('checked') == false) {


めがね 参考にしたサイト
http://jsdo.it/TFujinami/8oMK
 

スマホにタグとか画像とか入れられるようになった

JUGEM PLUSに新機能がでて、スマートフォンでも
フリースペースが使えるようになったーにた

JUGEM PLUS新機能★スマホ版フリースペースが新登場!

さっそく私のブログにもいれてみました!
スマートフォンで見るとsuzuriとTwitterへのリンクが
はいってるはず...

使いようによってはいろいろカスタマイズできそうで、
活用法を考えてるところですひらめき