js 检测 checkbox 状态时遇到的“诡异”问题

[abccba]

环境:Firefox 31.3.0 (Linux/Windows)

通过按钮是否被选中控制另一个组件是否显示，以下代码不work，可能是什么原因呢？
调试发现，无论check或者uncheck按钮，$('#op-checkbox').checked总是为假。

$('#op-checkbox').click(function(){
  if( $('#op-checkbox').checked ){
    alable.show();
   } else{
    alable.hide();
   }
});

[tobeyouth]

@abccba 是不是页面里多个 $('#op-checkbox')
你可以这样写：
$('#op-checkbox').click(function(){
if( this.checked ){
alable.show();
} else{
alable.hide();
}
});

[Yokira]

@abccba 抱歉，可以用label把input包住~~

[crs0910]

你在逗我? <label id="op-checkbox">
$('#op-checkbox') 连 input 都没选到.

[abccba]

@tobeyouth 额，是有多个checkbox，分别对应多个“块”，每个checkbox负责一个“块”的显示。

[jinganchuqi]

if($("input:checkbox:checked").val()){
###
}
这样应该可以的！

[andy12530]

disabled
readonly
autofocus
checked
这种属性级的用prop，
如果是自定义属性，用attr.
数据型的用data