Discussion :

[scoubisami]

Bonjour,
Comment puis-je faire pour que mon bouton

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="radio" name="bouton1" id="bouton1_non" value="non" onclick="document.getElementById('ok11_oui').disabled=true;"><label for="bouton1_non">Non</label>

soit coché par défaut et donc grisé à l'ouverture de ma page ? Que mon bouton OK soit grisé parce que même si je met checked="checked", le bouton non est coché mais le bouton ok reste actif...

Voici mon code complet :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<tr height="40px">
<td>
boutons radios
</td>
<td width="20%">
<input type="radio" name="bouton1" id="bouton1_oui" value="oui" onclick="document.getElementById('ok11_oui').disabled=false;"><label for="bouton1_oui">Oui</label>
 
<input type="radio" name="bouton1" id="bouton1_non" value="non" onclick="document.getElementById('ok11_oui').disabled=true;"><label for="bouton1_non">Non</label>
</td>
</tr>
 
<tr height="40px">
<td>
element grise :
</td>
<td width="20%">
<input type="radio" name="ok11" id="ok11_oui" value="oui"><label for="ok11_oui">ok</label>
 
</td>
</tr>

Merci !

[NoSmoking]

Bonjour,
regarde du coté de checked, <input type="radio"> sur MDN.

[scoubisami]

Merci NoSmoking

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

 <input type="radio" name="bouton1" id="bouton1_oui" value="oui" checked="checked" onclick="document.getElementById('ok11_oui').disabled=false;"><label for="bouton1_oui">Oui</label>

fonctionne pour avoir le bouton radio coché par défaut mais je n'ai pas le grisé. Il faut recocher pour que le bouton grisé s'active et je souhaiterai qu'il soit activé dès l'ouverture de la page...

Je pense qu'il faudrait que je crée une fonction à partir de ce code mais je n'y suis pas arrivée avec le bouton radio, ça ne fonctionne pas :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript">
function grise(element) {
        var input = document.getElementById(element);
        var radio = document.getElementById('bouton2');
       
        if (radio.checked == true) {
                input.disabled = false;
        }
        else {
                input.disabled = true;
        }
}
</script>
 
 
 
 
 
<select name="mode" type="text" id="acacher" value="">
 
 
<td width="15%" height="43"><input type="radio" name="type" value="gg1"<?php if($type=='gg1'){echo 'checked="checked"';} ?> /> gg1</td>
<td width="20%"><input type="radio" checked="checked" id="bouton2" onClick="grise('acacher');" name="type" value="gg2"<?php if($type=='gg2'){echo 'checked="checked"';} ?> /> gg 2</td>  
<td width="19%"><input type="radio" name="type" value="gg3"<?php if($type=='gg3'){echo 'checked="checked"';} ?> /> gg3</td>
<td width="23%"><input type="radio" name="type" value="gg4"<?php if($type=='gg4'){echo 'checked="checked"';} ?>  /> gg4r</td>
<td width="23%"><input type="radio" name="type" value="gg5"<?php if($type=='gg5'){echo 'checked="checked"';} ?>  /> gg5</td>

et quelque chose de ce genre pour l'activer à l'ouverture peut-être ?

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
window.onload = tafunction; ou encore
 
window.onload = function(){
// je suis executé au demarrage
}

[headmax]

Salut tu peux faire ça a partir du moment que body est chargé soit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
document.body.onload = function(){
var   radio = document.getElementById('bouton1_oui');
  radio.checked = true;
  radio.disabled = true;
};

[NoSmoking]

fonctionne pour avoir le bouton radio coché par défaut mais je n'ai pas le grisé.

le plus simple reste de le mettre via l'attribut disabled

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="radio" name="bouton1" id="bouton1_oui" value="oui" checked="checked" disabled="disabled">