css - 复选框控制servlet中所有相同的css类ID颜色

Question

我有一个带有许多跨度标签的复选框，其中一些具有相同的 css 类 ID。

我正在寻找的是：

单击复选框时，将更改具有相同 css 类 id 的 span 标签的颜色。

Answer 1

不确定这是您要查找的内容：

$('input[type="checkbox"]').bind('click',function() {
    if($(this).is(':checked')) {
        var myClass = $(this).attr("class");
        $('span.' + myClass).css("color","red");
     }
});

http://jsfiddle.net/NnFhM/

如果要在选中/取消选中添加/删除类：

$('input[type="checkbox"]').bind('click',function() {
        var myClass = $(this).attr("class");
        $('span.' + myClass).toggleClass('edit');
});

http://jsfiddle.net/NnFhM/1/