Javascript 单选按钮警报的问题

Problems with Javascript radio button alerts

本文关键字：问题 单选按钮 Javascript      更新时间：2023-09-26

我需要在未选择任何单选按钮时显示警报。

网页代码：

<tr>
<td><input id="Radio1" name="delivery" value="M" type="radio">M</td>
</tr>
<tr>
<td><input id="Radio2" name="delivery" value="P" type="radio">P</td>
</tr>
<tr>
<td><input id="Radio3" name="delivery" value="S" type="radio">S</td>
</tr>

Javascript：

        deliveryChecked = ""
    for (i = 0; i < f.deliveryChecked; i++) {
        if (f.deliveryChecked[i].checked) {
            deliveryChecked = f.delivery[i].value
            break
        }
    }
          if (deliveryChecked == "") {
            alert("You did not make a delivery selection!")
        return false
    }

HTML：

<form onsubmit="return validate(this)">
    <input id="Radio1" name="delivery" value="M" type="radio" />
    <input id="Radio2" name="delivery" value="P" type="radio" />
    <input id="Radio3" name="delivery" value="S" type="radio" />
    <input type="submit" />
</form>

.JS：

function validate(frm){
    var atLeastOneChecked=false;
    [].forEach.call(frm.delivery,function(input){
        atLeastOneChecked=atLeastOneChecked?
            true
                :
            input.checked;
    });
    if(!atLeastOneChecked){
        alert("You did not make a delivery selection!");
        return false;
    }
    return true;
}
相关文章：