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

null

Answer 3

如果选中了event.preventDefault()个元素之一，则可以使用.is()，:checked参数form阻止默认操作提交[name=godina]

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 4

检查此更新后的链接http://codepen.io/mozzi/pen/zBBzxo?editors=1010它应该执行您想要的操作

group by

JQuery形式的无线电输入

4 个答案: