jQuery UI的复选框按钮表示正常复选框

Question

HTML：

<input id="1" type="checkbox" checked="checked" /> 
<label for="1">Online</label> 

的jQuery：

$(function() { 
    $('input[type=checkbox]').button(); 
}); 

当它显示两个传统的复选框和下方的按钮浏览器中呈现。我可以点击任一个，他们会切换复选框。这是浏览器的HTML：

<input id="1" type="checkbox" checked="checked" class="ui-helper-hidden-accessible"> 
<label for="1" class="ui-state-active ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Online</span></label> 

当我进入的jsfiddle它完美的作品一样，得到的只是切换按钮。所以我不知道这是什么原因造成的？

Answer 1

你的jQuery选择器是错误的。您需要添加“的类型，像这样：

$('input[type="checkbox"]').button();