JQuery форма ввода радио

Question

Я пытаюсь сделать простую форму входов радио, где в большинстве 1 может быть выбран:

<form id='forma' action='predmeti.php' method='GET'> 
     1:<input type='radio' name='godina' value='1'/> 
     2:<input type='radio' name='godina' value='2'/> 
     3:<input type='radio' name='godina' value='3'/> 
     <input type='button' id='ok' value='Izaberi godinu!'> 
</form> 

Как разрешить отправки формы, только если выбран один и предотвратить представить, если ничего выбран? Форма отправляется нажатием кнопки id = 'ok'.

Answer 1

Обновлено на основе комментария. Пожалуйста, попробуйте это.

$(document).ready(function() { 
     $('#ok').on('click', function(){ 
     if($("#forma input[type='radio']:checked").length == 1){ 
      $(this).closest("form").submit(); 
     } 
     }); 
    }); 

Answer 2

добавить обязательный атрибут к одному из переключателей, вот пример
http://codepen.io/mozzi/pen/zBBzxo?editors=1010

<form id='forma' action='predmeti.php' method='GET'> 
     1:<input type='radio' name='godina' value='1' required></input> 
     2:<input type='radio' name='godina' value='2'></input> 
     3:<input type='radio' name='godina' value='3'></input> 
     <input type="submit" value="send"> 
</form> 

Answer 3

Вы можете предотвратить действие по умолчанию с помощью event.preventDefault(), .is() с параметром :checked представить form, если один из [name=godina] элементы проверены

$("input[type=button]").click(function(e) { 
 
    e.preventDefault(); 
 
    if ($("[name=godina]").is(":checked")) this.parentElement.submit() 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
 
</script> 
 
<form id='forma' action='' method='GET'> 
 
     1:<input type='radio' name='godina' value='1'/> 
 
     2:<input type='radio' name='godina' value='2'/> 
 
     3:<input type='radio' name='godina' value='3'/> 
 
     <input type='button' id='ok' value='Izaberi godinu!'> 
 
</form>

Answer 4

проверить это обновленная ссылка http://codepen.io/mozzi/pen/zBBzxo?editors=1010 он должен делать то, что вы хотите

<form id='forma' action='predmeti.php' method='GET'> 
    1:<input type='radio' name='godina' value='1' required></input> 
    2:<input type='radio' name='godina' value='2'></input> 
    3:<input type='radio' name='godina' value='3'></input> 

    <span id="msg" style="display: none">hello world </span> 
    <input type='button' id='ok' value='Izaberi godinu!'> 
</form> 

$('#ok').on('click', function() { 
    if ($('input[type=radio]:checked').length > 0) { 
    $('#msg').css('display', 'none'); 
    } else { 
    $('#msg').css('display', 'inline'); 
    } 

});