如何启用禁用的单选按钮？

Question

如何启用禁用的单选按钮？

Mat*_*wdy 14 html javascript radio-button

以下代码在IE中很有用,但在FF或Safari中却不行.我不能为我的生活找出原因.如果您选择"禁用2个单选按钮"选项,则代码应禁用单选按钮.如果选择"启用两个单选按钮"选项,则应启用单选按钮.这两个都有效......

但是,如果您不使用鼠标在2个选项之间移动("启用..."和"禁用..."),则单选按钮似乎未被正确禁用或启用,直到您单击其他任何位置在页面上(不是单选按钮本身).

如果有人有时间/好奇/感觉有帮助,请将下面的代码粘贴到html页面并在浏览器中加载.它在IE中运行良好,但问题表现在FF(我的情况下为3)和Safari,都在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&nbsp;&nbsp;&nbsp;
      <input type="radio" name="transfer_to" value="fund_amount2" />Other&nbsp;&nbsp;&nbsp;
      <input type="radio" name="transfer_to" value="both" CHECKED />Both

      <br /><br />

      <input type="button" class="buttonStyle" value="Submit Request" />
    </form>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Ric*_*cky 5

若要使FF模仿使用键盘时IE的行为，可以在选择框上使用keyup事件。在您的示例中（我不喜欢这种方式附加事件处理程序，但这是另一个主题），就像这样：

<select name="user" id="selUser" onchange="javascript:SetLocationOptions()" onkeyup="javascript:SetLocationOptions()">

Run Code Online (Sandbox Code Playgroud)

归档时间：	17 年，5 月前
查看次数：	2077 次
最近记录：	9 年，1 月前