[jQuery]チェックボックスの変更方法

2012年2月5日

jQuerでform内にあるチェックボックスの状態を変更する方法です。

jQuery1.6以降は、prop()メソッドが追加されているので、以下の処理で変更できます。

// チェックを入れる
$(".chkBox").prop("checked", true);
 
// チェックをはずす
$(".chkBox").prop("checked", false);

jQuery1.5以前の場合は、attributeを直接操作します。

// チェックを入れる
$('.myCheckbox').attr('checked','checked')
 
// チェックをはずす
$('.myCheckbox').removeAttr('checked')

また、チェックが入っているか判定する場合は、チェックボックスのDOM要素を取得後、checkedプロパティを参照します。

if (this.checked) {
    ....;
}

同じカテゴリの記事はこちらから!! → 未分類