Activer/ desactiver bouton en javascript

sadkat 17Messages postés 4 octobre 2007Date d'inscription - Dernière réponse le 21 janv. 2012 à 23:27

Bonjour,
j'ai un code en html, une liste déroulante et deux boutons radio, je voudrais rendre accessible le bouton "ok" uniquement quand on a sélectionné qqch dans la liste et cohé un bouton radio.
comment puis je faire ?
Sachant qu'on m'a dit qu'une fonction serait necessaire et que j'ai commencé par là (voir ci après) mais ça ne fonctionne pas...
En fait c'est un essai, mais je ne sais pas trop comment lui dire qu'à l'ouverture de la page le bouton est disabled, et qu'il sera anabled seulement qd on aura sélectionné une ligne de ma liste et un de mes boutons radio.
aidez moi svp... je galère depuis quelques heures, pourtant j'ai plus que ça avant d'avoir fini mon module !!!
code :
function verif_button()
{
if (document.formulaire.radstate.checked )
document.getElementById('Submit').disabled = '';
else
document.getElementById('Submit').disabled = 'disabled';
}

Activer/ desactiver bouton en javascript »

Suggestions

Activer/ desactiver bouton en javascript
Désactivé un bouton en javascript » Forum
Activer / desactiver Javascript (Résolu) » Forum
Activer/désactiver un bouton en html/php » Forum
Créer un bouton d'activation / désactivation » Forum
Comment désactiver un bouton en javascript ? » Forum

Plus

Réponse

+10

sadkat 17Messages postés 4 octobre 2007Date d'inscription 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>

Ajouter un commentaire

Réponse

Archeus01 1553Messages postés 3 octobre 2007Date d'inscription 5 février 2012Dernière intervention 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.

Ajouter un commentaire

Réponse

sadkat 17Messages postés 4 octobre 2007Date d'inscription 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 ?

Ajouter un commentaire

kévin - 21 janv. 2012 à 23:27

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

Réponse

sadkat 17Messages postés 4 octobre 2007Date d'inscription 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>

Ajouter un commentaire

Réponse

Archeus01 1553Messages postés 3 octobre 2007Date d'inscription 5 février 2012Dernière intervention 13 févr. 2008 à 21:46

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

Ajouter un commentaire

Réponse

Archeus01 1553Messages postés 3 octobre 2007Date d'inscription 5 février 2012Dernière intervention 7 févr. 2008 à 17:10

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

Ajouter un commentaire

Réponse

sadkat 17Messages postés 4 octobre 2007Date d'inscription 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

Ajouter un commentaire

ugbo - 12 août 2008 à 13:40

i want my java script to be come active.

Réponse

sadkat 17Messages postés 4 octobre 2007Date d'inscription 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 !

Ajouter un commentaire

Réponse

sadkat 17Messages postés 4 octobre 2007Date d'inscription 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 ?

Ajouter un commentaire

Réponse

sadkat 17Messages postés 4 octobre 2007Date d'inscription 8 févr. 2008 à 11:05

Ajouter un commentaire

Réponse

Blabla88 6 oct. 2010 à 13:46

http://www.commentcamarche.net/...

Ajouter un commentaire

Réponse

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>

Ajouter un commentaire

Réponse

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>

Ajouter un commentaire

Réponse

Anonyme 6 janv. 2012 à 20:15

Merci beaucoup sujet bien pratique :).

Ajouter un commentaire

Réponse

-3

sadkat 17Messages postés 4 octobre 2007Date d'inscription 11 févr. 2008 à 10:10

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

Ajouter un commentaire

Réponse

-3

sadkat 17Messages postés 4 octobre 2007Date d'inscription 14 févr. 2008 à 10:04

merci !

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Activer/ desactiver bouton en javascript

Activer/ desactiver bouton en javascript »

Passage au tout numérique : quel coût pour les particuliers ?