javascript - How to check that radiobuttons checked on the page after click on submit button? -

javascript - How to check that radiobuttons checked on the page after click on submit button? -

please, help situation: have page radiobuttons:

<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">

how can checked jquery if radiobutton checked after pressing submit button? , if not, create alert window text: "please, take delivery type". give thanks helping!

you can utilize :checked selector, , test length. if it's 0, there no selected radio buttons:

$('#order-button').click(function() { if (!$('.delivery-item:checked').length) { alert('please, take delivery type...'); } });

example fiddle

javascript jquery html