perform an action on checkbox checked or unchecked event on html form

Question

I have a checkbox on a form which is unchecked by default as usual. now I want to perform two separated actions on checked and unchecked state of this checkbox.

this

Answer 1

Given you use JQuery, you can do something like below :

HTML

    syn

JS

function doalert() {
  if ($("#g01-01").is(":checked")) {
    alert ("hi");
  } else {
    alert ("bye");
  }
}