| 网站首页 | 业界新闻 | 小组 | 交易 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
共有 217 人关注过本帖
标题:radio选中的问题
只看楼主 加入收藏
wrrlpx1234
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2020-6-14
收藏
 问题点数:0 回复次数:1 
radio选中的问题
程序代码:
<table>
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易方式:</td>
<td bgcolor="#E1F4EE" id="td1">  <input type="radio" id="fs1" name="fs" value="邮寄">
                 邮寄 
            <input type="radio" id="fs2" name="fs" value="自取">
                  自取 
                  <input type="radio" id="fs3" name="fs" value="送达" checked>
                  送达 
                  <input name="fs" id="fs4" type="radio" value="约定地点" >
                  约定地点</td>
               </tr>
             <tr>
              <td height="27" align="right" bgcolor="#C6EBDE">交易区域:</td>
              <td bgcolor="#E1F4EE">  
                <select name="quyu" id="quyu" >
                  <option value="">选择所在区域</option>
                </select>
             </td>
            </tr>
</table>
<script type="text/javascript">
window.onload = function(){
    var inputs = document.getElementById("td1").getElementsByTagName("input");
    for(var i = 0; i < inputs.length; i++){
        (function(i){
            inputs[i].onclick = function(){
                document.getElementById("quyu").disabled = (i == 2 ? true : false);
            };
        })(i);
    };
};
</script>


我想实现点击“送达”的时候,下拉区域灰色不可选,现在发现一个奇怪的问题,刷新的时候下拉是可选的,而只有点击才能起作用,是什么原因呢,
搜索更多相关主题的帖子: name value type input radio 
2020-06-14 21:09
leeqihero
Rank: 3Rank: 3
等 级:论坛游侠
威 望:7
帖 子:120
专家分:115
注 册:2016-3-24
收藏
得分:0 
程序代码:
<html>
<head>
<meta charset=utf-8/>
</head>

<body>
<table>
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易方式:</td>
<td bgcolor="#E1F4EE" id="td1">  <input type="radio" id="fs1" name="fs" value="邮寄">
                 邮寄 
    <input type="radio" id="fs2" name="fs" value="自取">
          自取 
          <input type="radio" id="fs3" name="fs" value="送达" checked>
          送达 
          <input name="fs" id="fs4" type="radio" value="约定地点" >
          约定地点</td>
       </tr>
     <tr>
      <td height="27" align="right" bgcolor="#C6EBDE">交易区域:</td>
      <td bgcolor="#E1F4EE">  
        <select name="quyu" id="quyu" >
          <option value="">选择所在区域</option>
        </select>
     </td>
    </tr>
</table>
</body>
<script>
$=function(b){return document.getElementById(b)};
V=document.querySelectorAll('[type=radio]');
V.forEach(c=>c.addEventListener('click', function(){
    localStorage.pre=this.id;
    $("quyu").disabled=(localStorage.pre=='fs3');
}));
$("quyu").disabled=(localStorage.pre=='fs3');
</script>
</html>
2020-06-26 19:45
快速回复:radio选中的问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.053723 second(s), 9 queries.
Copyright©2004-2020, BCCN.NET, All Rights Reserved