【问题标题】:Can radio buttons be empty after refreshing a page刷新页面后单选按钮可以为空吗
【发布时间】:2012-01-05 10:44:47
【问题描述】:

我的表单中有两个单选按钮。现在我发现,在某些浏览器(firefox 和 google chrome)中,如果您刷新表单,在刷新之前选择了单选按钮,然后在刷新后仍选择单选按钮。我想知道有没有办法通过使用 javascript 代码来说明当页面重新加载或刷新时不应该选择单选按钮,或者这一切都取决于浏览器?

以下是javascript中单选按钮的代码:

    var btnRadioO = document.getElementsByName("weightChoice");               
                    var isbtnRadioChecked = false;

      for(i=0; i < btnRadioO.length; i++){
                        if(btnRadioO[i].checked){
                            isbtnRadioChecked = true;
                        }
                    }

                    if(!isbtnRadioChecked) {
                       errRadioMsgO.innerHTML = "Please Select whether you want to include a Total Weight for your Session or Not";
                    tblWeightO.style.display = "none";
                       isDataValid = false;
                    }else if(btnRadioO[0].checked==true && weightO.value == 0){
                         errRadioMsgO.innerHTML = "";
                         errWeightMsgO.innerHTML = "You are including Weight so it Must be More Than 0";
                         isDataValid = false;
                         }else if(btnRadioO[1].checked==true){
                    errRadioMsgO.innerHTML = "";
                     errWeightMsgO.innerHTML = "";
                    tblWeightO.style.display = "none";
                         }else{
                             errRadioMsgO.innerHTML = "";


  errWeightMsgO.innerHTML = "";
                     }

HTML代码:

<table>
            <tr>
            <th>6: Provide a Total Weight for your Session</th>
            <td><input type="radio" name="weightChoice" value="yes" onClick="getWeight()"/> Yes</td>
            <td><input type="radio" name="weightChoice" value="No" onClick="getWeight()"/> No</td>
            </tr>
            </table>

【问题讨论】:

    标签: javascript forms radio-button


    【解决方案1】:

    可能是浏览器缓存页面。尝试在两个单选按钮上设置checked=false 开始。如果这不起作用,请查看页面缓存选项。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-24
      • 2014-10-21
      • 2014-03-16
      • 1970-01-01
      • 2014-04-10
      • 1970-01-01
      相关资源
      最近更新 更多