特定のチェックボックスがチェックされているかどうかを確認する Javascript のサンプルコードです。
下記のサンプルコードはチェックボックスがチェックされていればtrueが、されていなければ false がアラートダイアログで表示されます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<html> <head> <script type="text/javascript"> function check_flag(){ var flag = document.hoge.moge.checked; alert(flag); } </script> </head> <body> <form name="hoge"> <input type="checkbox" name="moge" />チェックボックス<br /> <input type="button" value="確認" onclick="check_flag()" /> </form> </body> </html> |
特定のチェックボックスの状態は、document.form タグのname属性.checkboxタグのname属性.checkedに保存されています。チェックされていれば true、チェックされてなければ false です。