javascript - 如何使用 JavaScript 更改复选框背景

Question

我的表单上有三个复选框。我想在选中时更改复选框的背景颜色。是否可以为表单上的所有复选框编写一个脚本？

Answer 1

更改复选框的背景颜色在浏览器中不一致。

查看 this link 了解它们的外观。

如果您想更改背景颜色并让它始终如一地工作，您最好还是看看 JavaScript 表单扩展。

此链接提供了一些:25+ jQuery Plugins that enhance and beautify HTML form elements 和 Google 将提供更多。

---

编辑:如果您确实想使用 jQuery 解决它，您可以使用 wrap() 和 unwrap() 在复选框。这不会更改复选框本身的背景，但会以可靠的方式提供一些视觉反馈。

$('input[type=checkbox]').click(function() {
    $(this).unwrap().filter(":checked").wrap("<span class='selected'>");
});

WORKING DEMO