复选框上的jquery UI按钮

Question

我有这样一个复选框，我想把它变成jquery ui复选框，在所有浏览器上看起来都一样。

<tr>
    <td valign="middle" class="ck"><input name="perk-senior" id="senior" type="checkbox" value="4" checked /></td>
    <td valign="middle"><div class="text">Show available plans for senior</div></td>
</tr>

但在我使用

之后

$('#senior').button()

复选框刚刚消失。我尝试添加jqueryui图标，并删除CSS，它给出了相同的效果。

如何将其设置为带有刻度线图标的标准复选框？

Answer 1

不应该是：

$('.ck').button()

或者：

$('#senior').button()

您已经选择了整个包含div而不是复选框本身（假设该表嵌套在名为#search的div中）。