bouton radio

bonjour à tous
j'ai une petit problème c'est:
j'ai deux boutons radio et 3 champs total,avance,reste
<input name="etat" type="radio" value="non payé"   />Non payé
<input name="etat" type="radio" value="payé" />payé
Total<input name="total" type="text"  />
Avance<input name="avance" type="text"  />
Reste<input name="reste" type="text"  />



je veux que les trois champs ne s'affiche que lorsque je clic sur le bouton radio payé
comment faire ça qui peux m'aider
merci pour tous

Il faut taper dans le javascript pour faire ça ...

<input name="etat" type="radio" value="non payé" onclick="document.getElementById('madiv').style.display = 'none';"   />Non payé
<input name="etat" type="radio" value="payé" onclick="document.getElementById('madiv').style.display = 'block';" />payé

<div id="madiv">
    Total<input name="total" type="text"  />
    Avance<input name="avance" type="text"  />
    Reste<input name="reste" type="text"  />
</div>

merci bien pour votre réponse le problème est résolut

bonjour
j'ai ajouter un champ total  pour le bouton radio non payé j'ai fait comme ça:
mai lorsque je remplit le champ total de la bouton radio non payé dans la bd m'affiche 0 pourquoi?



<input name="etat" type="radio" value="non payé" onclick="document.getElementById('madiv1').style.display = 'block';"   />Non payé

<div id="madiv1" style="display:none;">

Total<input name="total" type="text"  />

</div>
    <input name="etat" type="radio" value="payé" onclick="document.getElementById('madiv').style.display = 'block';" />Payé

<div id="madiv" style="display:none;">

Total<input name="total" type="text"  />
    Avance<input name="avance" type="text"  />
    Reste<input name="reste" type="text"  />
  
merci pour tous

Tu devrais nous montrer ton code php plutôt que ton code html ... poru voir comment tu rempli ta base à partir de ceci ...

ps : je doute que l'affichage des champs de texte se font correctement ... par exemple si tu clic sur non payé puis que tu clic ensuite sur payé, ton champ "total non payé" ne disparait pas ... il faudrait cacher la div lors du clic sur la bouton radio "payé" ..

voici la requette insert
$select=$db->prepare("INSERT INTO utilisateur VALUES('$id_utilisateur','$nom','$prenom','$j_naiss','$m_naiss','$annee_naiss','$cin','$passport','$ad','$mail','$tel','$npermis','$type','$j_d','$m_d','$annee_d','$j_a','$m_a','$annee_a','$voiture','$id_voiture','$id_client','$etat','$total','$avance','$reste')");

oui je veux bien que lors on clic sur bouton payé non payé disparaitre comment le corrigé
merci pour tous

AAAAAAAAAAAAaaaaaah mais je comprend !!!! je viens de comprendre !!!

C'est parce que le nouveau champ total que tu viens de rajouter :

<div id="madiv1" style="display:none;">

Total<input name="total" type="text"  />

</div>

Il faut lui mettre un autre nom que l'autre champ total ... par exemple fais :

<div id="madiv1" style="display:none;">

Total<input name="totalnonpaye" type="text"  />

</div>

oui j'ai la récupérer $total=$_POST['total'];
il fait l'insertion mai juste il récupéré que la total de bouton payé
merci pour tou