dreamfactor,
то есть прочитать по ссылке как это делать вы несмогли
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.button{
color: #FF0000;
}
.button2{
color: #00FF00;
}
</style>
<script>
function chk(obj)
{
document.getElementById('button').style.cssText = (obj.checked)? ' width:218px; height:38px; background:url(http://javascript.ru/forum/images/smilies/blink.gif) no-repeat; cursor:pointer; margin:0 0 0 173px; border:none;': 'width:218px; height:38px; background:url(http://javascript.ru/forum/images/smilies/nono.gif) no-repeat; cursor:pointer; margin:0 0 0 173px; border:none;'
document.getElementById('button').classList.toggle('button') ;
document.getElementById('button').classList.toggle('button2');
}
</script>
</head>
<body>
<input id="button" name="" type="button" value="test" class="button">
<input id="agree" name="" type="checkbox" onclick="chk(this)">
</body>
</html>