javascript - 如何使用 Javascript 检查是否在其他单选按钮中选中了特定的单选按钮？

Question

我正在尝试让 javascript 检查是否在其他单选按钮中选中了特定的单选按钮。

检查单选按钮是否正常工作的验证方法:

这是包含单选按钮的 HTML 代码片段:

<form id = "buy" name = "buy" onsubmit = "return valiform()">

    <input type="radio" name="Card_type" value="visa" > Visa </input>
    <input type="radio" name="Card_type" value="mastercard" > Mastercard</input>
    <input type="radio" name="Card_type" value="paypal" > Paypal </input>
    <input type="submit" value="Confirm order">
</form>

这是有关单选按钮的 Javascript 代码片段:

<script type = "text/javascript">
            function valiform(){
            var visa = document.buy.Card_type;
            var mastercard = document.buy.Card_type;
            var paypal = document.buy.Card_type;
            var message = "Error!\n";
            function validateRadio (radios)
            {
                for (i = 0; i < radios.length; ++ i)
                {
                    if (radios [i].checked) return true;
                }
                return false;
            }
            if(validateRadio (document.buy.Card_type))
            {

            }
            else
            {
                message+= "Please select card.\n";
            }
            if(message != "Error!\n"){
            alert(message);
            return false;
            }
        }
 </script>

到目前为止，代码运行得很好，但我希望代码检查是否专门选择了 Paypal 单选按钮。我不能在不引发错误的情况下做到这一点。有什么想法如何做到吗？

Answer 1

首先将 paypal 线路更改为:

<label><input id="paypalRadio" type="radio" name="Card_type" value="paypal"> Paypal </label>

如果选中给定的单选按钮，则使用此代码，该代码将返回 true:

document.getElementById('paypalRadio').checked

或者您可以在不更改任何内容的情况下执行此操作:

$("td[name=Card_type]")[2].prop("checked", true)