Afficher variable javascript en html

Bonjour,

Je rencontre un problème en javacript , n'étant pas très familier de javascript.

Voilà, j'aimerais afficher la valeur d'un bouton radio en html lorsque sa valeur change.

Voici mon code :

Bouton radio

<input id="format" name="format" type="radio" value="10x15" onchange="var valueFormat = $('format').val();"/>

(pour infos je récupère bien la valeur puisque quand je fais un alert(format) j'ai bien la valeur afficher dans une boite de type "alert".

Function javascript

function afficher_format() {
	
if( valueFormat != null ) 
{
document.write(valueFormat);
}else{ 
document.write('Format'); 
}
	
}

Et mon appel à la fonction

<div id="format"><script>afficher_format();</script></div>

Je ne comprends pas pourquoi ça marche .... peut être le fait de mélanger le javascript et jquery ?

Merci a tous !