radio选中的问题 - JavaScript论坛

楼主

问题点数：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　

<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>