问CSS:将样式更改为复选框列表

EN

Rohancragg's answer很好，但我鼓励您使用类名进行控制。您没有提供HTML，但是假设您的标签和复选框周围有一个包含元素，那么可以这样做

$("#content input[type='checkbox'], #content label").click(function(){
  $(this).parent().toggleClass("selected");
});

(由于#content只是一个更大的容器，它们都在其中，所以你不会意外地将样式应用到你感兴趣的区域之外的东西上)应该可以工作。然后，在CSS中，您可以将样式应用于多个元素，而不必仅仅为了更改样式而编辑jQuery。

.selected { background-color:blue; }
.selected label { font-weight:bold; color:#ffffff; }

诸若此类。

您可以使用JQuery并设置任何jQuery(':checked') Description: 元素的样式。

您将为所有有问题的复选框的.click事件分配一个函数-如页面上的示例所示：

$(":checkbox").click(countChecked);

对于每个选中的复选框，您可能希望使用.css( propertyName, value )设置器来操作css属性

当复选框变为未选中状态时，不要忘了取消它们的样式。