Bouton coché par défaut à l'ouverture de la page

Version imprimable

Bonjour,
Comment puis-je faire pour que mon bouton

Code:

<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:

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 !

15/12/2017, 16h20
NoSmoking

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

Merci NoSmoking

Code:

 <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:

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:

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

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

Code:

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

17/12/2017, 10h22
NoSmoking

Citation:

Envoyé par scoubisami

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:

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