【jquery】jqueryでチェックボックスの状態を取得する

jqueryを使って、チェックボックスの状態を取得して、チェックされている場合に何かしらの処理を行う場合があると思います。
ということで、とても簡単なサンプルですが、チェックボックスがチェックされている場合にアラートを出すサンプルをご紹介します。

HTMLのサンプル

java
php

単純ですが、チェックボックスが二つ（javaとphp）とボタンがあるだけです。

jqueryのサンプル

$(document).ready(function(){
 $(document).on("click", "[id='checkbutton']", function() {
  if($("input[id='check1']:checked").val()) {
   alert("javaがチェックされています。");
  }
  if($("input[id='check2']:checked").val()) {
   alert("phpがチェックされています。");
  }
 });
});

ボタンが押された場合に、javaチェックボックスとphpチェックボックスのそれぞれのチェック状態によりアラートを出しています。

  if($("input[id='check1']:checked").val()) {

上記のif分でチェックボックスの状態をチェックしています。

デモ

java php

チェックボックスをONにしてボタンを教えてみてください。