Será mostrado como alternar o tamanho da fonte de um texto utilizando checkbox. O terceiro exemplo é o mais apropriado.

Prática sem checkbox 1
: mudando o tamanho da fonte de um parágrafo, <p>, usando um botão e um parágrafo.
Código
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="utf-8">
<style></style>
<title>CheckBox</title>
</head>
<body>
<input value="Choose text size: 40pt" onclick="go1()" type="button">
<p id="idp">Eu sou um parágrafo.</p>

<script>
function go1() {
document.getElementById("idp").style.fontSize="40pt"
};
</script>
<br>
</body>
</html>

Teste: clique no botão abaixo!

Eu sou um parágrafo.


Prática com checkbox 2: acrescentando um checkbox no exemplo anteior, o tamanho da fonte é 40pt para o checkbox true e 20pt para o checkbox false.
Código
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="utf-8">
<style></style>
<title>CheckBox</title>
</head>
<body>
<input value="Click aqui!" onclick="go2()" type="button">
<p id="id1"> Eu sou um parágrafo.</p>
<input id="idcheck1" type="checkbox">:Choose text size: 40pt<br>
<script>
function go2() {
var check1 = document.getElementById("idcheck1");
if ( check1.checked==true ) {
document.getElementById("id1").style.fontSize="40pt";
}else{document.getElementById("id1").style.fontSize="20pt";}
};
</script>
<br>
</body>
</html>

Teste: clique no checkbox e depois no botão abaixo!

Eu sou um parágrafo.

:Choose text size: 40pt

Prática com checkbox 3: repare que a função é acionada pelo próprio checkbox com o evento onclick, se o checkbox é true o parágrafo tem tanhanho 40pt, se o checkbox é false o parágrafo tem tanhanho 20pt.
Código
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="utf-8">
<style></style>
<title>CheckBox</title>
</head>
<body>
<p id="id2"> Eu sou um parágrafo.</p>
<input id="idcheck2" onclick="go3()" type="checkbox">Choose text size: 40pt/20pt<br>
<script>
var check2 = document.getElementById("idcheck2");
var check3 = document.getElementById("idcheck2");
function go3(){
if ( check2.checked==true ) {document.getElementById("id2").style.fontSize="40pt"};
if ( check3.checked==false ) {document.getElementById("id2").style.fontSize="20pt"};
};
</script>
<br>
</body>
</html>

Teste: clique duas vezes no checkbox abaixo!

Eu sou um parágrafo.

Choose text size: 40pt/20pt

Prática com checkbox 4: neste exemplo o checkbox alterna a altura da linha e o tamanho da fonte do body, ou seja, da presente página.
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="utf-8">
<style>
#texto{
font-family: Arial;
font-size: 22px;
line-height: 26px;
text-align:justify;
text-indent:0px
magin-left:4px;
magin-right:4px;
}
</style>
<title>CheckBox</title>
</head>
<body id="texto">
<input id="idcheck3" onclick="go4()" type="checkbox">Choose text size/height:22px/26px e 30px/35px<br>
<script>
var check4 = document.getElementById("idcheck3");
var check5 = document.getElementById("idcheck3");
function go4(){
if ( check4.checked==false )
{document.getElementById("texto").style.fontSize="22px";document.getElementById("texto").style.lineHeight="26px";};
if ( check5.checked==true )
{document.getElementById("texto").style.fontSize="30px";document.getElementById("texto").style.lineHeight="35px";};
};
</script>
<br>
</body>
</html>

Teste: clique duas vezes no checkbox abaixo!
Choose text size/height:22px/26px e 30px/35px