Masquer des champs en php

Bonjour,

Je veux afficher un ensemble de champ suivant un bouton radio qu'il soit checked ou non:

Voici mon code qui ne foctionne pas!!!!!!!

<script type="text/javascript">

function enlver(btn,champ)
{
if (btn.unchecked)
{
document.getElementById(champ).style.display="inline";
}
else {
document.getElementById(champ).style.display="none";
}

}

function met(btn,champ)
{
if (btn.checked)
{
document.getElementById(champ).style.display="inline";
}
else {
document.getElementById(champ).style.display="none";
}
}
</script>



<input type="radio" name="tem" value="oui" id="chkb_10"onclick="met(this,chauffeur);" Onchange="enlver(this,chauffeur);">

<label for="chkb_10">Chaufffeur</label>

<input type="radio" name="tem" value="oui" id="chkb_20"onclick="met(this,sous_traitant);" Onchange="enlver(this,sous_traitant);">

<label for="chkb_20">Sous_traitant</label>


<span style="display:none" id="chauffeur"><fieldset class="Style7">

<label> Nom Chauffeur:
<input name="nom_chauffeur" id="nom_chauffeur" type="text" size="32" /></label>
<label> N° CIN:
<input name="num_cin_chauffeur" id="num_cin_chauffeur" type="text" size="32" /></label>
<label> N° Permis de Conduite:
<input name="num_permis_chauffeur" id="num_permis_chauffeur" type="text" size="32" maxlength="25" /></label>

</fieldset></span>

<span style="display:none" id="sous_traitant"><fieldset class="Style7">

<label> Nom sous-Traitant:
<input name="nom_sous_traitant" id="nom_sous_traitant" type="text" size="50" />

</fieldset></span>

Merci d'avance pour votre aide!!