Mã sau hoạt động tốt trong IE, nhưng không phải trong FF hoặc Safari. Tôi không thể cho cuộc sống của tôi làm việc tại sao. Mã này là được cho là để tắt các nút radio nếu bạn chọn tùy chọn "Tắt 2 nút radio". Nó sẽ cho phép các nút radio nếu bạn chọn tùy chọn "Bật cả hai nút radio". Cả hai đều hoạt động ...Làm cách nào để bật các nút radio bị vô hiệu hóa?
Tuy nhiên, nếu bạn không sử dụng chuột để di chuyển giữa 2 tùy chọn ("Bật ..." và "Tắt ...") thì các nút radio dường như không bị vô hiệu hóa hoặc được kích hoạt chính xác, cho đến khi bạn nhấp vào bất kỳ nơi nào khác trên trang (không phải trên chính nút radio).
Nếu có ai có thời gian/tò mò/cảm thấy hữu ích, vui lòng dán mã bên dưới vào trang html và tải nó lên trong trình duyệt. Nó hoạt động tốt trong IE, nhưng vấn đề thể hiện chính nó trong FF (3 trong trường hợp của tôi) và Safari, tất cả trên 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, điều này được làm việc trong IE10 và FF: [fiddle] (http: //jsfiddle.net/K6cAu/1/) – akinuri