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

Question

我有一个脚本，一旦单击按钮，它将在下面的跨度中显示指定的文本。 如何使用它来检查复选框是否已选中并相应显示文本？
我尝试了许多不同的方法都无济于事。 http://jsfiddle.net/jamesil/w5bdX/向正确方向的一点将不胜感激！

Answer 1

你错过了)后if ($('#checkbox-1').is(":checked"))

工作演示

Answer 2

只是一个小错误，您错过了if语句的右括号。

你有：

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

应该

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

Answer 3

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