bootstrap switch检查检查状态总是返回false

lde*_*uca 0 javascript jquery twitter-bootstrap bootstrap-switch

我不想听切换开关的事件,而是想用JavaScript来检查它当前的检查状态.

<input type="checkbox" name="pushtoggle" state="true" data-role="none">
Run Code Online (Sandbox Code Playgroud)

我有这个简单的JavaScript来检查选中的值:

if ($('#pushtoggle').is(':checked')){ alert('checked'); } else { alert('not checked');}
Run Code Online (Sandbox Code Playgroud)

无论交换机设置为哪种状态(开启或关闭),我都会收到不检查的警报.

我使用以下方法初始化了切换开关:

$("[name='pushtoggle']").bootstrapSwitch();
Run Code Online (Sandbox Code Playgroud)

我还尝试在输入标记中设置checked属性.没有什么能让我得到正确的开关状态.

Cla*_*edi 9

你没有任何id = id的元素,pushtoggle但是你正在使用id选择器.

试试这个

if ($('[name="pushtoggle"]').is(':checked')){ 
  alert('checked'); 
} 
else { 
  alert('not checked');
}
Run Code Online (Sandbox Code Playgroud)


小智 5

$("[name='pushtoggle']").bootstrapSwitch('state')
Run Code Online (Sandbox Code Playgroud)