Jquery 如何检查是否选中了单选按钮

如何检查是否选择了单选按钮？我有以下代码：

<form id="myForm">
    <p>Select layout grid: </p>
    <div class="cc-selector">
        <input checked="checked" id="visa" type="radio" name="credit-card" value="visa" />
        <label class="drinkcard-cc visa" for="visa"></label>

        <input id="mastercard" type="radio" name="credit-card" value="mastercard" />
        <label class="drinkcard-cc mastercard" for="mastercard"></label>

        <input id="visa1" type="radio" name="credit-card" value="visa" />
        <label class="drinkcard-cc visa1" for="visa1"></label>

        <input id="mastercard1" type="radio" name="credit-card" value="mastercard" />
        <label class="drinkcard-cc mastercard1" for="mastercard1"></label>
    </div>

    <input id="submit" type="submit" value="Submit">
</form>

---

我想要的是重定向另一个html页面，如果我选择一个单选按钮或另一个，但我需要知道我选择的按钮。有人能帮我吗？谢谢

如果要根据所选值执行重定向，可以执行以下操作

$('#submit').click(function() {
    var creditcard = $('[name="credit-card"]:checked').val();

    switch(creditcard) {
        case 'visa':
            // do something
            break;
        case 'mastercard':
            //do something
            break;
        default:
            // do something
    }
});

如果您希望根据选择的输入执行重定向

$('#submit').click(function() {
    var creditcard = $('[name="credit-card"]:checked').attr('id');

    switch(creditcard) {
        case 'visa':
            // do something
            break;
        case 'mastercard':
            //do something
            break;
        case 'visa1':
            // do something
            break;
        case 'mastercard1':
            //do something
            break;
        default:
            // do something
    }
});

或者，如果您将数据属性添加到输入中，您可以简单地执行此操作

HTML:

---

如果你想根据选择的值进行重定向，你可以这样做

$('#submit').click(function() {
    var creditcard = $('[name="credit-card"]:checked').val();

    switch(creditcard) {
        case 'visa':
            // do something
            break;
        case 'mastercard':
            //do something
            break;
        default:
            // do something
    }
});

如果您希望根据选择的输入执行重定向

$('#submit').click(function() {
    var creditcard = $('[name="credit-card"]:checked').attr('id');

    switch(creditcard) {
        case 'visa':
            // do something
            break;
        case 'mastercard':
            //do something
            break;
        case 'visa1':
            // do something
            break;
        case 'mastercard1':
            //do something
            break;
        default:
            // do something
    }
});

或者，如果您将数据属性添加到输入中，您可以简单地执行此操作

HTML:

---

您可以简单地执行以下操作：

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（e）{
e、 预防默认值（）；
var radio=$（'.cc selector'）.find（'input[type=radio]：checked'）；
警报（radio.val（）+“'已选中，您应在/this/url/“+radio.val（）+”/”）付款；
//window.location.href=“some/specific/payment/path”+radio.val（）；
});
});

选择布置格线：

您只需执行以下操作：


$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（e）{
e、 预防默认值（）；
var radio=$（'.cc selector'）.find（'input[type=radio]：checked'）；
警报（radio.val（）+“'已选中，您应在/this/url/“+radio.val（）+”/”）付款；
//window.location.href=“some/specific/payment/path”+radio.val（）；
});
});

选择布置格线：



$（文档）.ready（函数（）{
$（'#btnStatus'）。单击（函数（）{
var isChecked=$（'#rdSelect'）。是（':checked'）；
警报（已检查）；
});
});

选择/取消选择





$（文档）.ready（函数（）{
$（'#btnStatus'）。单击（函数（）{
var isChecked=$（'#rdSelect'）。是（':checked'）；
警报（已检查）；
});
});

选择/取消选择



钩住收音机上的
change（）
事件，并询问
选中的
属性。如果为
true
，则该项目已被选中，您可以执行重定向。挂接收音机上的
change（）
事件，并询问
checked
属性。如果为
true
，则该项目已被选中，您可以执行重定向。
The method uses "is" selector and it returns true and false based on radio button status.