javascript - 单击提交按钮后如何检查页面上的单选按钮是否已选中？

Question

请帮助解决这种情况:我有带单选按钮的页面:

<label>Delivery type:</label>
<input type="radio" name="delivery" value="7" class="delivery-item" id="del-type-7"  onclick=""><label class="label" for="del-type-7">From our office</label>
<input type="radio" name="delivery" value="6" class="delivery-item" id="del-type-6" onclick=""><label class="label" for="del-type-6">Mail Service</label>
<input type="radio" name="delivery" value="5" class="delivery-item" id="del-type-5" onclick=""><label class="label" for="del-type-5">AIR MAIL</label>
<input type="button" value="Submit order" id="order-button">

如果在按下提交按钮后选中了任何单选按钮，我如何通过 jquery 检查？如果不是，则用文本制作警告窗口:“请选择交付类型”。感谢您的帮助!

Answer 1

使用 jquery .is()/.prop()和 :checked选择器。试试这个:

$('#order-button').click(function() {
    if (!$('.delivery-item').is(':checked')) {
        alert('Please choose delivery type');
    }
});

DEMO

或

$('#order-button').click(function() {
        if (!$('.delivery-item').prop(':checked')) {
            alert('Please choose delivery type');
        }
});

DEMO