注册 登录
编程论坛 JavaScript论坛

radio选中的问题

wrrlpx1234 发布于 2020-06-14 21:09, 2029 次点击
程序代码:
<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>


我想实现点击“送达”的时候,下拉区域灰色不可选,现在发现一个奇怪的问题,刷新的时候下拉是可选的,而只有点击才能起作用,是什么原因呢,
1 回复
#2
leeqihero2020-06-26 19:45
程序代码:
<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>
1