Javascript 选中复选框和'；下一个'；按钮

我需要在用户选中复选框并单击“下一步”按钮后将其重定向到页面（多个选项）。 这是我的代码，有三个复选框（很抱歉，我还不能添加图片：

          <form class="q2" action="">
                <div class="form-group radios">
                    <label for="1">
                    <input type="radio" name="physio" id="1"><span class="checkmark"></span>
                        Mark
                    </label> 
                </div> 
                <div class="form-group radios">
                    <label for="2">
                    <input type="radio" name="physio" id="2"><span class="checkmark"></span>
                        John
                    </label>
                </div>
                <div class="form-group radios">
                    <label for="3">
                    <input type="radio" name="physio" id="3"><span class="checkmark"></span>
                        Jack 
                    </label>
                </div>
            </form>

                <a href="poids-ideal-chat.html">
                    <div class="button-icon next cta src">
                        <p>
                            Next 
                        </p>
                    </div>
                </a>

做记号
约翰
杰克

---

感谢您帮助人们实现这一点，您可以使用javascript。理想的流程应该如下所示：

收听“下一步”按钮的单击

单击时，检查是否已选择单选元素

如果存在选定的元素，请继续重定向

如果不阻止重定向

我已经在JSFIDLE中包含了一个演示

做记号
约翰
杰克
document.getElementById（'nextClick'）。addEventListener（'click'，函数（事件）{
//获取所有无线电“物理”元素
var radios=document.getElementsByName（'Physical'）；
//循环遍历每个元素
对于（变量i=0，长度=radios.length；i

您的复选框是否有任何条件，或者单击哪个复选框将重定向到某个静态URL？非常感谢您的回答，我的朋友！

<form class="q2" action="">
    <div class="form-group radios">
        <label for="1">
            <input type="radio" name="physio" id="1" value="1">
            <span class="checkmark"></span>
             Mark
        </label> 
    </div> 
    <div class="form-group radios">
        <label for="2">
            <input type="radio" name="physio" id="2" value="2">
            <span class="checkmark"></span>
            John
        </label>
    </div>
    <div class="form-group radios">
        <label for="3">
            <input type="radio" name="physio" id="3" value="3">
            <span class="checkmark"></span>
            Jack 
        </label>
    </div>
</form>

<a href="poids-ideal-chat.html" id="nextClick">
    <div class="button-icon next cta src">
        <p>
            Next 
        </p>
    </div>
</a>

<script>
    document.getElementById('nextClick').addEventListener('click', function(event) {

    // Get all the radio 'physio' elements
    var radios = document.getElementsByName('physio');

    // Loop through each element
    for (var i = 0, length = radios.length; i < length; i++) {
        // Check if the current element is selected
        if (radios[i].checked) {
            var selected_value = radios[i].value; // Value of checked element
            // Exit event handler and redirect the page if a radio element is selected
            return;
        }
    }
    // If no item was selected prevent the page redirect
    event.preventDefault();
});
</script>