需要單選按鈕，HTML和JavaScript

Question

我有以下的HTML代碼

<input type="radio" name="months" value="TBI-6"> 
<input type="radio" name="months" value="UNI-6"> 

，我有這個submitt按鈕

$('#button-confirm').on('click', function() { 
    $.ajax({ 
    type: 'post', 
    url: 'index.php?route=payment/zero_rate/confirm', 
    cache: false, 
     data:{ 
     egn: $('#input-payment-egn').val(), 
     months: $('input[name=months]:checked').parent().text() + $('input[name=months]:checked').val() 
     }, 
    beforeSend: function() { 
     $('#button-confirm').button('loading'); 
    }, 
    complete: function() { 
     $('#button-confirm').button('reset'); 
    }, 
    success: function() { 
     location = '<?php echo $continue; ?>'; 
    } 
    }); 
}); 

我怎樣才能驗證此兩個單選按鈕？我不想讓用戶提交表單並離開頁面而不選擇單選按鈕之一？

Answer 1

$('input[name=months]:checked').length 

應該告訴你如何組在許多單選按鈕被檢查。
因此，在您繼續進行表單提交之前，請驗證它是否高於0。

Answer 2

檢查檢查

<input type="radio" name="months" value="TBI-6" class="radiobtn"> 
<button id="button-confirm"> 
Submit 
</button> 

$('#button-confirm').on('click', function() { 
 

 
if($('.radiobtn').is(':checked')) { alert("it's checked"); 
 

 

 
    $.ajax({ 
 
    type: 'post', 
 
    url: 'index.php?route=payment/zero_rate/confirm', 
 
    cache: false, 
 
     data:{ 
 
     egn: $('#input-payment-egn').val(), 
 
     months: $('input[name=months]:checked').parent().text() + $('input[name=months]:checked').val() 
 
     }, 
 
    beforeSend: function() { 
 
     $('#button-confirm').button('loading'); 
 
    }, 
 
    complete: function() { 
 
     $('#button-confirm').button('reset'); 
 
    }, 
 
    success: function() { 
 
     location = '<?php echo $continue; ?>'; 
 
    } 
 
    }); 
 
} else { 
 
     alert("it's not checked"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="months" value="TBI-6" class="radiobtn"> 
 
<button id="button-confirm"> 
 
Submit 
 
</button>