【发布时间】: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