js after checkbox select change

by lemon kazi

HTML

<input type="checkbox" name="checkbox" id="checkbox">
<select name="test" id="selectMenu">
    <option>very good</option>
    <option>nice</option>
</select>

JavaScript

//store dom references in vars
var $checkbox = $("#checkbox");
var $selectMenu = $("#selectMenu");

var checkedContent = "<option>not bad</option><option>bad</option>";
var uncheckedContent = $selectMenu.html();

$checkbox.on("click", function(){
   var $this = $(this);
   if($this.is(":checked:not")){
      $selectMenu.html(checkedContent);
    } else {
     $selectMenu.html(uncheckedContent);
    }
});