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

Question

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

Answer 1

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

看看这个链接,了解它们的外观.

如果您想要更改背景颜色并使其一致地工作,那么您最好不要查看JavaScript表单扩展.

这个链接提供了一些:25个以上的jQuery插件,可以增强和美化HTML表单元素,Google将提供更多.

编辑:如果你不想要工作,它使用jQuery周围,你可以使用wrap()和unwrap()添加着色span各地的复选框.这不会改变复选框本身的背景,但会以可靠的方式提供一些视觉反馈.

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

工作演示