체크 박스는 서블릿의 모든 동일한 CSS 클래스 ID 색상을 제어합니다.

Question

많은 span 태그가 포함 된 확인란이 있으며 일부는 동일한 CSS 클래스 ID를가집니다.

내가 무엇을 찾고 있어요 것은 : 체크 박스를 클릭하면

, 같은 CSS 클래스 ID를 가지고있는 범위 태그의 색상이 변경합니다.

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/