버튼으로 추가 된 스타일 제거

Question

확인란을 선택 취소하고 선택을 취소 할 때 텍스트에 특정 스타일을 추가하려고합니다. 그 중 일부는 알아 내기 힘들지만 코드는 그리 좋지 않지만 결과는 모두 중요합니다.

그러나이 문제는 내 페이지에서 버튼으로 활성화 된 다른 기능을 방해하므로 추가 된 모든 스타일을 제거하는 버튼 기능입니다.

내가이 일을 여러 가지 방법을 시도했습니다, 가까이 시도 중 하나였다

$("#off").click(function(){ 
    $("p").removeClass("classesadded"); 

});

이것은 단순히 이전 기능을 중단합니다. 나는 단추가 스타일을 제거하도록하는 방식과 문제가 아니라 스타일이 처음에 어떻게 추가되는지 생각합니다. 나는 또한 클릭 한 상자의 선택을 취소하는 기능을 시도했지만 상자는 선택하지 않은 채 스타일을 유지했다.

한마디로 http://jsfiddle.net/zwjz2h1x/1/

이 : 나는 확인란을 추가/스타일과 제거 버튼을 제거 할

어쨌든이 때문에 여기를 보지 않고 주위에 당신의 머리를 정리하기 위해 바이올린 거의 불가능하다 이미 추가 된 경우에만 스타일을 적용합니다.

Answer 1

코드를 다시 사용하지 않는 이유는 무엇입니까?

노력이 -> 정확히 당신이 원하는

$('#toneclass').change(function(){ 
    toggle(this.checked) 
}); 

function toggle(toggle) 
{ 
    var c = toggle ? 'red' : ''; 
    $('.high').css('color', c); 
    var c = toggle ? 'green' : ''; 
    $('.mid').css('color', c); 
    var c = toggle ? 'yellow' : ''; 
    $('.low').css('color', c); 

    var c = toggle ? 'underline' : ''; 
    $('.ob').css('text-decoration', c); 

    var c = toggle ? '#0000FF' : ''; 
    $('.ob').css('-moz-text-decoration-color', c); 

    var c = toggle ? '#0000FF' : ''; 
    $('.ob').css('text-decoration-color', c); 

    var c = toggle ? '-1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black,1px 1px 0 black' : ''; 
    $('.high').css('text-shadow', c); 

    var c = toggle ? '-1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black,1px 1px 0 black' : ''; 
    $('.mid').css('text-shadow', c); 

    var c = toggle ? '-1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black,1px 1px 0 black' : ''; 
    $('.low').css('text-shadow', c); 
} 

//This doesn't work but I wish it did (it breaks the previous code) 
//If class on turn off, If not do nothing 
$("#off").click(function(){ 
toggle(false); 
}); 

http://jsfiddle.net/e2zht5az/1/