使用jQuery（Wordpress）样式化单选按钮

Question

我找到了一个优秀的单选按钮样式教程。我可以让CSS部分工作，但我在jquery / javascript中并不强大。我试图通过将其转换为WordPress插件来创建效果。任何帮助表示赞赏。

教程：http://www.jqueryscript.net/form/jQuery-Plugin-To-Turn-Radio-Buttons-Checkboxes-Into-Labels-zInput.html

演示：http://www.jqueryscript.net/demo/jQuery-Plugin-To-Turn-Radio-Buttons-Checkboxes-Into-Labels-zInput/

添加jquery代码似乎不允许选择任何内容。我知道一点，知道我需要将$更改为jQuery。

提前致谢。

Answer 1

而且，即使我一直在寻找好几个小时，我偶然发现了一个有效的答案。

jQuery（document）.ready（function（$）{

$（'input [type =“radio”]，label'）。addClass（'stylized'）;

$('input').click(function () {
    $('input:not(:checked)').parent().removeClass("active");
    $('input:checked').parent().addClass("active");
});    

}）;

所以基本上，我正在添加一个程式化的类来将按钮和活动类转换为仅选定的项目。在此之前，我可以做活动部分，但它不会坚持单个单选按钮设置。

来自nandokakimoto的解决方案：https://stackoverflow.com/posts/3376557/

首次点击时，会选择每个项目，因此会出现一个小问题。

Screenshot