javascript - Check if all radio buttons are checked

Question

Welcome To Ask or Share your Answers For Others

javascript - Check if all radio buttons are checked

posted Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

javascript - Check if all radio buttons are checked

i want to check some radio buttons to allow the user to click a link (otherway it should appeal a allert).

here is the code

<html>
<head>
</head>
<body>
<a href="http://www.aerosoft.de" id="a_next">aerosoft.de</a>

            <li class="radiobutton"><span class="name">Struct. Temp. Indic.> 38°C -not exceed 55°C</span>
            <input name="1" type="radio" value="other" /></li>
            <li class="radiobutton"><span class="name">Airplane Documents - check </span>
            <input name="2" type="radio" value="other" /></li>
            <li class="radiobutton"><span class="name">Flight Control Lock - removed</span>
            <input name="3" type="radio" value="other" /></li>
</body>
</html>

The user have to check all 3 Radiobuttons to let the link work, otherway if he just have check 2 radiobuttons he should get a alert if he click on the link.

Would be great if someone could help :/

Greets Fabian

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2022-01-31T07:05:37+0000

Handle the click event on the link. Loop through the radios, and if any are not checked display the alert and return false to cancel the click's default action (i.e., cancel the navigation).

window.onload = function() {
    document.getElementById("a_next").onclick = function(e) {
        if (!e) e = window.event;
        var els = document.getElementsByTagName("input"),
            i;
        for (i=0; i < els.length; i++) {
            if (!els[i].checked) {
                alert("Your message here.");
                e.returnValue = false;
                return false;
            }
        }
    };
};

Demo: http://jsfiddle.net/t9wqc/

Categories

javascript - Check if all radio buttons are checked

javascript - Check if all radio buttons are checked

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags