Question

我正在尝试根据网站上的说明设置我的jQuery按钮，但它不起作用。我按照这里的说明进行操作：http://jqueryui.com/button/#checkbox

我做错了什么？这是我的代码：http://jsfiddle.net/YrNxy/

HTML

    <div style="padding-bottom: 10px; padding-top: 10px;">
      <div class="modal_field">Day <strong style="color:#A00">(required)</strong>:</div>
      <div class="format">
        <input type="checkbox" class="check1" />
        <label for="check1">Mon</label>
        <input type="checkbox" class="check2" />
        <label for="check2">Tues</label>
        <input type="checkbox" class="check3" />
        <label for="check3">Wed</label>
        <input type="checkbox" class="check4" />
        <label for="check4">Thu</label>
        <input type="checkbox" class="check5" />
        <label for="check5">Fri</label>
      </div>
    </div>

JS

$(function() {
        $( ".check" ).button();
        $( ".format" ).buttonset();
    });

Answer 1

问题是您的输入设置不正确。我为你修复了JSBin上的代码。请注意，该类已更改为复选框的id（for = id或label＆amp; checkbox的名称）。

http://jsbin.com/akulas/1/

jQuery按钮拒绝样式

1 个答案: