统一表单样式-复选框单选

Question

我使用统一插件样式复选框和单选按钮。

我能够得到的样式工作，但点击选择不发生。因为这并不需要我手动激活JS的样式，它应该工作。

演示

Answer 1

你的问题是:

• 你预先格式化了你的HTMl，就像uniform会自己做一样。
• 然后你没有调用uniform()来添加它的事件监听器。

---

所以你只需要纯html输入标签。而不是

<div class="checker"><span class="checked"><input type="checkbox" checked="checked" class="styled"></span></div>

你应该写:

<input type="checkbox" checked="checked" />

---

JavaScript:

最后，你需要把这样的东西放在你的JS部分，得到统一的工作，并改变radio-class:

$( document ).ready( function () {
    $("select, input, a.button, button").uniform({radioClass: 'choice'});
});

---

你的HTML没有预先格式化，你的单选按钮仍然与统一工作，最终统一工作的预期

工作示例