1

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に入力すると、完全に機能し、トグルボタンだけが表示されます。だから私はこれを引き起こしているのは何ですか？

4

1 に答える 1

2

jQuery セレクターが間違っています。次のように、型に " を追加する必要があります。

$('input[type="checkbox"]').button();
于 2013-03-22T05:29:11.880 に答える