*

【jquery】 チェックボックスの状態確認と操作

公開日: : jquery

チェックボックスに限らずjquery1.6.xあたりで挙動が変わった模様。
htmlの属性とjavascriptのプロパティが明確に分けられたようです。

//<input id="my_check_box" type="checkbox" />
var cb = $('#my_check_box');

//チェックを入れる
cb.prop('checked', true);

//状態確認
console.log(cb.is(':checked')); //true

//チェックを外す
cb.prop('checked', false);
console.log(cb.is(':checked')); //false

【参考】
・Ginpen.com
http://ginpen.com/2011/10/12/jquery-attr-prop/

・stackoverflow
http://stackoverflow.com/questions/901712/check-checkbox-checked-property-using-jquery

以上

関連記事

no image

【jQuery】jQueryの基本~速習トレーニング~

jQueryのよく使う表現を集めました。 基本的なとこだけなので詳しくはここなどを参照下さい。

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

no image
知らないと損をする6つのライセンスまとめ

オープンソースやフリーウェア、フリー素材などが巷に溢れ、それらを利用す

no image
ガリレオ:ニュースブラウザをリリースしました。

概要 ガリレオはニュースを読んだり、検索する機能に特化したブラウザア

no image
【android】Activityとプロセスのライフサイクル

またもやライフサイクル周りでハマったのですが、Androidのライフサ

→もっと見る

PAGE TOP ↑