如何启用禁用的单选按钮? -问答-阿里云开发者社区-阿里云

开发者社区> 游客ufivfoddcd53c> 正文

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

2020-01-03 16:43:30 155 1

以下代码在IE中效果很好,但在FF或Safari中效果不佳。我无法为自己的生活找出原因。如果选择“禁用2个单选按钮”选项,则该代码应禁用单选按钮。如果选择“同时启用两个单选按钮”选项,则应启用单选按钮。这些都可以...

但是,如果您不使用鼠标在两个选项(“启用...”和“禁用...”)之间移动,则单选按钮似乎不会被禁用或正确启用,除非您单击其他任何位置在页面上(而不是在单选按钮上)。

如果有人有时间/好奇/有帮助,请将下面的代码粘贴到html页面中,然后将其加载到浏览器中。它在IE中效果很好,但问题在Windows XP上的FF(我的情况下为3)和Safari中表现出来。

<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>
取消 提交回答
全部回答(1)
  • 游客ufivfoddcd53c
    2020-01-03 16:44:08

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

    <select name="user" id="selUser" onchange="javascript:SetLocationOptions()" onkeyup="javascript:SetLocationOptions()">
    
    0 0
相关问答

162

回答

惊喜翻倍:免费ECS+免费环境配置~!(ECS免费体验6个月活动3月31日结束)

豆妹 2014-10-29 17:52:21 222979浏览量 回答数 162

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157071浏览量 回答数 145

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 146770浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 145607浏览量 回答数 31

33

回答

Win Server 2003-2016 加密勒索事件必打补丁合集

妙正灰 2017-05-15 10:44:38 277517浏览量 回答数 33

38

回答

安全组详解,新手必看教程

我的中国 2017-11-30 15:23:46 256862浏览量 回答数 38

294

回答

Linux Bash严重漏洞修复紧急通知(已全部给出最终修复方案)

qilu 2014-09-25 13:26:50 431608浏览量 回答数 294

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 302590浏览量 回答数 249

97

回答

Redhat/CentOS一键安装web环境全攻略

xiaofanqie 2011-08-11 14:51:38 123202浏览量 回答数 97

23

回答

【精品问答合集】Redis热门问答

李博 bluemind 2019-05-29 16:36:15 126287浏览量 回答数 23
0
文章
823
问答
推荐问答
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载