统一表格样式 - 复选框收音机

Question

我正在使用Uniform Plugin来设置复选框和单选按钮。

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

Demo

Answer 1

这是你的问题：

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

---

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

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

你应该写：

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

---

JavaScript的：

最后，您需要在JS部分中放置类似的内容，以便统一工作，并更改无线电级别：

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

---

您的HTML没有预先格式化，您的单选按钮仍然可以统一使用，最后统一按预期工作

<强> Working Example