统一表单样式 - 复选框单选 [关闭]

Question

我正在使用统一插件来设置复选框和单选按钮的样式。

我能够使样式正常工作，但单击时没有发生选择。由于这不需要我手动激活样式 JS 它应该可以工作。

Demo

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 部分中加入这样的东西，以便统一工作，并更改无线电类：

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

---

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

Working Example