Botão de alternador de 'Stylesheet' para comutar html quando carregar em (jQuery)?

tenho um botão no topo da minha página que permite a utilização de uma folha de estilo separada para impressão, tenho uma impressão normal.css que permite tudo ao imprimir e eu tenho uma impressão acrf.css que imprime alguns elementos. Alguém aqui me deu alguma ajuda para fazer isto funcionar na semana passada usando o seguinte JS: 

<script>
$(document).ready(function(){
    $('#acrf').click(function(){
        $('link').first().removeAttr('href').attr('href', '_includes/css/acrfprint.css');
    });
});
</script>
Isto funciona perfeitamente, mas o único problema é que o botão não lhe dá nenhuma ideia se o acrf-print.o css foi activado ou como desactiva-o.

basicamente o HTML que estou a usar isto: 

<div id='acrfContaineroff'>
<button id='acrf' class='noPrint noPrint-acrf'>Enable Annotation Print Mode</button>
</div>

(Eu sei que estou usando 'em vez de" mas isso é porque está aninhado em VBScript) {[[5]}

o que eu quero fazer é quando o botão for carregado, mudar a folha de estilo para acrfprint.css e depois mostrar o seguinte HTML em vez de 

<div id='acrfContaineron'>
<button id='acrf' class='noPrint noPrint-acrf'>Disable Annotation Print Mode</button>
</div>

Quando o botão Desactivar estiver seleccionado, quero que o css volte a imprimir.CSS

Qualquer ajuda seria muito apreciada.

Author: Dave Burns, 0000-00-00
Source

2 answers

Desde que as tuas perguntas parecem que começaste com o javascript.. talvez devesses mudar o botão para uma caixa de cheques? 
<div id='acrfContaineroff'>
<button id='acrf' class='noPrint noPrint-acrf'>Enable Annotation Print Mode</button>
</div>

Em: 

<div id='acrfContaineroff'>
<input type='checkbox' id='acrf' /> Enable Annotation Print Mode
</div>

E o javascript em: 

<script>
$(document).ready(function(){
    $('#acrf').click(function(){
        if( $('#acrf').is(':checked') ){
            $('link').first().removeAttr('href').attr('href', '_includes/css/acrfprint.css');
        }else{
            $('link').first().removeAttr('href').attr('href', '_includes/css/print.css');
        }
    });
});
</script>
 2
Author: Henrik, 2015-03-09 10:15:49

Por isso, se estava atrás de um selector de 'stylesheet' no botão, carregue e mude também a etiqueta do botão de acordo, isto pode ser ele

 2
Author: ,