Le code suivant fonctionne très bien dans IE, mais pas dans FF ou Safari. Je ne peux pas pour la vie de moi expliquer pourquoi. Le code est supposé pour désactiver les boutons radio si vous sélectionnez l'option "Désactiver 2 boutons radio". Il devrait activer les boutons radio si vous sélectionnez l'option "Activer les deux boutons radio". Ces deux fonctionnent ...Comment puis-je activer les boutons radio désactivés?
Cependant, si vous n'utilisez pas votre souris pour vous déplacer entre les 2 options ("Activer ..." et "Désactiver ..."), les boutons radio ne semblent pas être désactivé ou activé correctement, jusqu'à ce que vous cliquiez n'importe où ailleurs sur la page (pas sur les boutons radio eux-mêmes).
Si quelqu'un a le temps/est curieux/se sentir utile, s'il vous plaît collez le code ci-dessous dans une page html et le charger dans un navigateur. Cela fonctionne très bien dans IE, mais le problème se manifeste dans FF (3 dans mon cas) et Safari, tous sur Windows XP.
<html>
<head>
<script language="javascript">
function SetLocationOptions() {
var frmTemp = document.frm;
var selTemp = frmTemp.user;
if(selTemp.selectedIndex >= 0) {
var myOpt = selTemp.options[selTemp.selectedIndex];
if(myOpt.attributes[0].nodeValue == '1') {
frmTemp.transfer_to[0].disabled = true;
frmTemp.transfer_to[1].disabled = true;
frmTemp.transfer_to[2].checked = true;
} else {
frmTemp.transfer_to[0].disabled = false;
frmTemp.transfer_to[1].disabled = false;
}
}
}
</script>
</head>
<body>
<form name="frm" action="coopfunds_transfer_request.asp" method="post">
<select name="user" onchange="javascript: SetLocationOptions()">
<option value="" />Choose One
<option value="58" user_is_tsm="0" />Enable both radio buttons
<option value="157" user_is_tsm="1" />Disable 2 radio buttons
</select>
<br /><br />
<input type="radio" name="transfer_to" value="fund_amount1" />Premium
<input type="radio" name="transfer_to" value="fund_amount2" />Other
<input type="radio" name="transfer_to" value="both" CHECKED />Both
<br /><br />
<input type="button" class="buttonStyle" value="Submit Request" />
</form>
</body>
</html>
Umm, cela fonctionne dans IE10 et FF: [violon] (http: //jsfiddle.net/K6cAu/1/) – akinuri