jQuery inputタグのチェックボックスを確認する方法

このドキュメントの内容は、以下の通りです。

サンプルコードチェックを確認する
サンプルコードチェックをオンオフする

inputタグのチェックボックス(checkbox)で、チェックが入っているかをjQueryで確認するには、attr()メソッドを使います。

このようなチェックボックスがあるとします。

<input type="checkbox" id="chk" name="check" />

サンプルコードチェックを確認する

attr()メソッドで checked を調べます。

<script language="javascript"><!--
if ( $('input#chk').attr('checked') ) {
	// チェックされている。
} else {
	// チェックされていない。
}
//-->
</script>

[2011-02-04-1] jQuery チェックボックスのチェック状態を調べるの is(":checked") のほうがよいかも。

サンプルコードチェックをオンオフする

チェックボックスのチェックをオン・オフするには、第2引数で true / false を指定します。

<script language="javascript"><!--
// チェックをオンにする
$('input#chk').attr('checked', true);

// チェックをオフにする
$('input#chk').attr('checked', false);
//-->
</script>

参照しているページ (サイト内): [2011-02-04-1]

いつもシェア、ありがとうございます！

もっと情報を探しませんか？

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12