检查是否已选中复选框并显示跨度文本

Question

I have a script that once a button is clicked it displays specified text in a span below. How can I use this to check if a checkbox is checked and display text accordingly?
I've tried so many different ways to no avail. http://jsfiddle.net/jamesil/w5bdX/ A point in the right direction would be much appreciated!

Answer 1

you miss ) after if ($('#checkbox-1').is(":checked"))

working demo

Answer 2

Just one small mistake, you are missing the closing bracket on the if statement.

You have:

if ($('#checkbox-1').is(":checked")

Should be

if ($('#checkbox-1').is(":checked"))

Answer 3

 $("#myCheckbox").click(function(e){
    if(this.is(":checked")){
         //do something
    } else {
        //do something
    }
}