Probleme javascript dans html

Fermé
piloucyril Messages postés 4 Date d'inscription vendredi 1 juin 2012 Statut Membre Dernière intervention 1 juin 2012 - 1 juin 2012 à 10:56
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 1 juin 2012 à 17:52
Bonjour,
.
.
voici le topo , j'aimerais que le bouton valider se grise ( ou devienne hors service ) si aucun des boutons radio n'est coché , pouvez vous m'aider ?
.
voici mon code :
.
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<form name="form1" method="post" action="valider.php">
<h2><u>Accueil du configurateur :</u></h2>
<p>
Ou se situera votre futur projet ? :
</p>
<script language="Javascript">
function verif_button()
{
radio1=document.form1.getElementById("S1") ;
radio2=document.form1.getElementById("S2") ;
radio3=document.form1.getElementById("S3") ;
if (radio1.checked or radio2.checked or radio3.checked )
{
document.form1.Submit.disabled = false;
}
else
{
document.form1.Submit.disabled = true;
}
}
</script>
<input type="radio" name="choix" id="S1" value="siteIndividuel"> <label for="radSiteIndividuel">Sur un site individuel</label><br/>
<input type="radio" name="choix" id="S2" value="siteCollectif"> <label for="radSiteCollectif">Sur un site collectif </label><br/>
<input type="radio" name="choix" id="S3" value="siteTertiaire"> <label for="radSiteTertiaire">Sur un site tertiaire</label><br/>
<br/>
<input type="submit" id="Valider1" value="Valider"/>
</form>
</body>
</html>
le html marche a merveille mais mon java lui est purement décoratif , je ne vois pas d'ou vien l'erreur ...
A voir également:

1 réponse

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
1 juin 2012 à 17:52
ne pas confondre java et javascript ce n'est pas du tout la même chose.

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<form name="form1" method="post" action="valider.php">
<h2><u>Accueil du configurateur :</u></h2>
<p>
Ou se situera votre futur projet ? :
</p>
<script type=="text/javascript">
function verif_button()
{
radio1=document.getElementById("S1") ; //ne mélanges pas les deux adressages d'un élément html, il ne faut pas .form dans cette methode
radio2=document.getElementById("S2") ;
radio3=document.getElementById("S3") ;
if (radio1.checked || radio2.checked |- radio3.checked )
{
document.form1.Submit.disabled = false;
}
else
{
document.form1.Submit.disabled = true;
}
}
</script>
<input type="radio" name="choix" id="S1" value="siteIndividuel"> <label for="radSiteIndividuel">Sur un site individuel</label><br/>
<input type="radio" name="choix" id="S2" value="siteCollectif"> <label for="radSiteCollectif">Sur un site collectif </label><br/>
<input type="radio" name="choix" id="S3" value="siteTertiaire"> <label for="radSiteTertiaire">Sur un site tertiaire</label><br/>
<br/>
<input type="submit" id="Valider1" value="Valider" />
</form>
</body>
</html> 
0