Question

在我的表单中，最后一个选项被选为默认选项。怎么能避免这个？

   <form action=" url " method=" post">         
        <h3>Question</h3>
        <input type="radio" name="choice" value="option1" checked> option1<br>
        <input type="radio" name="choice" value="option2" checked>option2<br>
        <input type="radio" name="choice" value="option3" checked>option3<br>
        <input type="radio" name="choice" value="option4" checked>option4<br>
        <input type="radio" name="choice" value="option5" checked> option5<br>
        <input type="submit" value="Submit Answer">
   </form>

我想在开始时不要选择任何单选按钮。

Answer 1

从所有inpputs中删除checked属性

<input type="radio" name="choice" value="option1"> option1<br>

Answer 2

在我的表单中，最后一个选项被选为默认选项。

您已经checked 每个一个单选按钮，但只能检查一个组中的一个。

错误恢复正在检查最后一个。

如何避免这种情况？

只检查您要检查的那个。

Answer 3

＆＃13;

$('#submit').click(function(){
  if(typeof $('input[name=choice]:checked', '#myForm').val()=="undefined"){
    alert("please select oiption");
  }else{
    alert($('input[name=choice]:checked', '#myForm').val());
  }

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="myForm" action=" url " method=" post">         
        <h3>Question</h3>
        <input type="radio" name="choice" value="option1" > option1<br>
        <input type="radio" name="choice" value="option2" >option2<br>
        <input type="radio" name="choice" value="option3" >option3<br>
        <input type="radio" name="choice" value="option4" >option4<br>
        <input type="radio" name="choice" value="option5" > option5<br>
        <input type="submit" id="submit" value="Submit Answer">
   </form>

＆＃13;

最后一个选项在HTML中被选为默认选项

3 个答案: