Activer/ desactiver bouton en javascript

Réponse 2 / 17

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
7 févr. 2008 à 17:30

Ok, je vais faire ça "bien" du coup".

Un type de balise INPUT, par exemple :

<TD>Sexe</TD>
<TD>
Homme : <INPUT type=radio name="sexe" value="M">
<br>Femme : <INPUT type=radio name="sexe" value="F">
</TD>

Dans ce cas, met un id dans ta balise radio et un autre id dans ta balise check box et ecris ceci

<divi d="ici tu met un id" style="visibility:hidden;display:none;">
<input type="submit" name="logOut" value="Déconnexion" />
</div>

<script language="javascript">
radio=document.getElementById("TonIdDeRadio")

if(radio.checked)
document.getElementById(Ici tu met l'id).style.visibility = 'visible';

</script

Inspiré de http://www.commentcamarche.net/forum/affich 3996428 javascript radio qui coche une checkbox

[€dit après avoir vu ton message précédent]
Le truc c'est qu'il ne soit pas afficher de base d'ou le style="visibility:hidden;display:none;" . Après tu as juste à l'afficher, moitié moins de javascript , moitié moins de chance d'erreur.

Réponse 3 / 17

sadkat Messages postés 19 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 17 juillet 2013 16
7 févr. 2008 à 17:16

docn voilà j'ai essayé ça :

function verif_button()
{
if (document.formulaire.radstate.checked )
document.getElementById('Submit').disabled = '';
else
document.getElementById('Submit').display="none" ;
}

maintenant peut etre que je n'ai pas compris, et que je suis une boulette mais ça ne fonctionne pas.

voici mon bouton :

<input type="submit" name="Submit" id="Submit" value="ok" />
je dois lui rajouter qqch ?

kévin
Modifié par kévin le 21/01/2012 à 23:28

Ca m'a beaucoup aidé pour ce site http://annonce2rencontre.com

Réponse 4 / 17

sadkat Messages postés 19 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 17 juillet 2013 16
8 févr. 2008 à 09:39

bon je suis vraiment en galère, voici ce que j'ai essayé de faire, mais je vous le donne en mile, ça marche pas (bien qu'à ma premiere tentative j'ai réussi a faire disparaitre mon bonton ok (chose que je n'ai plus réussi à faire depuis) ) :

<head> <title>validation croisée </title> </head>
<body>
<?php $cmd = "disabled" ;?>
<FORM action="?" method="POST">
Qui vérifi le modèle ?
<SELECT name="auId" >
<OPTION value = '0'></option>
<?php
while($row3=Db_GetArray($resverif))
{
$id = $row3["auId"];
$name = $row3["auName"];
echo "<option value =".$id." >".$name."</option>";
echo $_POST["auId"];
}
?>
</SELECT>
<br><br>
<INPUT type= "radio" id ="id" name="radstate" value="accepted" onclick=javascript:verif_button() > I Accepte this set <br>
<INPUT type= "radio" name="radstate" value="rejected"> I Refuse this set
<br><br>

<input type="hidden" name="mseId" value="<?php print $mseId; print $auId; ?>" />
<div>
<id="id" style="visibility:hidden;display:none;">
<input type="submit" name="Submit" id="Submit" value="ok" />
</div>

</FORM>

<script language="javascript">
radio=document.getElementById("id")

if(radio.checked)
document.getElementById(0).style.visibility = 'visible';
</script >

</body>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 17

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
13 févr. 2008 à 21:46

Parce que les div sa supporte le display="none" et le visibility:hidden....

Réponse 6 / 17

Okkodon
28 nov. 2011 à 10:41

Voici un code qui gère l'évènement :-)
(code testé)

Autre : <input id='idcb' type=checkbox name='autre' onclick='check();' />
<input id='idtb' type="text" name='recupTxt' />

<script>
function check() {
var radio=document.getElementById('idcb') ;
var text = document.getElementById('idtb');

if(radio.checked) {
text.disabled = false;
}
else
{
text.disabled = true;
}
}
</script>

Réponse 7 / 17

Okkodon
28 nov. 2011 à 10:48

mieux :

Autre : <input id='idcb' type=checkbox name='autre' onclick='check();' />
<input id='idtb' type="text" name='recupTxt' style='visibility:hidden;' />

<script>

function check() {
var radio=document.getElementById('idcb') ;
var text = document.getElementById('idtb');

if(radio.checked) {
text.style.visibility = 'visible';
}
else
{
text.style.visibility = 'hidden';
}
}
</script>

Réponse 8 / 17

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
7 févr. 2008 à 17:10

Pour faire disparaitre, utilise plutot la propriété display :
display="none"'

Réponse 9 / 17

sadkat Messages postés 19 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 17 juillet 2013 16
7 févr. 2008 à 17:14

d'accord, mais comment l'utiliser ? dans mon html je lui met quoi à mon bouton ? rien ?

prq le code actuel ne fonctionne pas donc...

je vais essayé mais je n'y connais vraiment rien en javascript...
un tout petit peu plus d'explication ferait du bien

mais c'est gentil d'avoir répondu

ugbo
12 août 2008 à 13:40

i want my java script to be come active.

Réponse 10 / 17

sadkat Messages postés 19 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 17 juillet 2013 16
7 févr. 2008 à 17:36

c'est très gentil de m'avoir répondu, je peux pas le testé maintenant, c'est l'heure de quitter ^^

je tente ça demain matin !! merciii

je suis preneuse si il y a d'autre proposition bien sur !

Réponse 11 / 17

sadkat Messages postés 19 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 17 juillet 2013 16
8 févr. 2008 à 09:21

alors j'ai bien regardé ton bon de code, mais j'ai une question, pourquoi me parles tu de check box ?

Autre chose, pourquoi des Div ? ce n'est pas uniquement pour le CSS ?

Réponse 12 / 17

sadkat Messages postés 19 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 17 juillet 2013 16
8 févr. 2008 à 11:05

bon ok, je fais un nouveau test, je repars du début : toujours la même attente mais simplifié :

Activé le bouton ok seulement si un radio est coché, voilà mon code si ça vous parle...

<html>
<title>test </title>
<body>
<FORM name="maforme" action="?" method="POST">

<script language="JavaScript" type="text/javascript">

function verif_button()
{
radio1=document.maforme.getElementById("radid1") ;
window.alert("titi");
radio2=document.maforme.getElementById("radid2") ;
if (radio1.checked or radio2.checked )
{
window.alert("tata");
document.maforme.Submit.disabled = false;
}
else
{
window.alert("toutouille");
document.maforme.Submit.disabled = true;
}
}
</script>

<INPUT type= "radio" id ="radid1" name="radstate" value="accepted" onclick="verif_button();" > I Accepte this set <br>
<INPUT type= "radio" id ="radid2" name="radstate" value="rejected" onclick="verif_button();" > I Refuse this set
<br><br>
<input type="submit" name="Submit" id="Submit" value="ok" disabled="disabled" >

</body>
</form>
</html>

Réponse 13 / 17

Blabla88
6 oct. 2010 à 13:46

https://forums.commentcamarche.net/forum/affich-2711715-php-html-griser-un-bouton-d-envoi

Réponse 14 / 17

Anonyme
6 janv. 2012 à 20:15

Merci beaucoup sujet bien pratique :).

Réponse 15 / 17

karim.ezzaim
16 mai 2013 à 23:37

salut. voici un nouveaux code pour activer un bouton quant vous cochez un (checkbox)

<html>
<head>
<title></title>
<script anguage="JavaScript" type="text/javascript">

function valid(){
//alert("C'est la bonne réponse! ");
if ( document.page.checkbox1.checked ){
document.page.valider.disabled=false;
//alert("C'est la bonne reponse! ");
}else { document.page.valider.disabled=true; }
}

</script>
</head>
<body>

<form name="page">
<p align="center"> <b>pour s'inscritre,remplire le fourmulaire suivant:</b></p>

<pre>

Nom: <input type="text" name="nom" value=""/>

prenom: <input type="text" name="prenom" value=""/>

Date de naissance: <input type="text" name="jj" value="jj" size="2"/> <input type="text" name="mm" value="MM" size="2"/> <input type="text" name="aa" value="AAAA" size="2"/>

Mot de passe: <input type="password" name="pasword" value=""/>

Confirmer mode passe: <input type="password" name="confpass" value=""/>

<input type="checkbox" name="checkbox1" id="txt1" onclick="valid()"/>J'accepte les conditions.

<input type="button" name="valider" id="buton1" value="valider" disabled="disabled"/> <input type="reset" name="annuler" value="annuler"/>

</pre>
</form>
</body>
</html>

Réponse 16 / 17

sadkat Messages postés 19 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 17 juillet 2013 16
11 févr. 2008 à 10:10

j'adore ce forum ...
heuresement que j'ai pu me débrouiller ^^

Réponse 17 / 17

sadkat Messages postés 19 Date d'inscription jeudi 4 octobre 2007 Statut Membre Dernière intervention 17 juillet 2013 16
14 févr. 2008 à 10:04

merci !

Activer/ desactiver bouton en javascript

17 réponses

Discussions similaires

Newsletters