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

Question

我有一个包含许多 span 标签的复选框，其中一些具有相同的 css 类 ID。

我正在寻找的是:

当复选框被点击时，具有相同 css class 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/