Javascript 选中所需的复选框

Javascript 选中所需的复选框,javascript,jquery,html,Javascript,Jquery,Html,我已经考虑过类似的问题,但我仍然不知道如何解决它。在我的网页上,我有一些无线电复选框,我希望在进入下一个问题之前需要这些复选框 我有以下部分代码: <p> Select the option that fits most to you<br><br> <label> <input type="radio" name="typesport" value="teamsport" > I prefer a team

我已经考虑过类似的问题,但我仍然不知道如何解决它。在我的网页上,我有一些无线电复选框,我希望在进入下一个问题之前需要这些复选框

我有以下部分代码:

 <p>
   Select the option that fits most to you<br><br>
   <label>
   <input type="radio" name="typesport" value="teamsport" > 
   I prefer a teamsport</label><br>
   <label>
   <input type="radio" name="typesport" value="individual"> 
   I prefer an individual sport</label><br>
 </p>
<a href="#question2" class="tm-bordered-btn">Next question</a>

但是,这只适用于一个问题。当我将此添加到所有其他问题中时,当我单击“下一个问题”按钮时,我仍然可以转到下面的问题,而这不是我想要的

您可以使用
checked
属性设置默认选中的单选按钮

要检查是否已选中,请使用以下代码:

  if ($('input[name=typesport]').attr('value') != undefined) {
    //execute code when it is checked
  } else {
    //execute code when it's not checked
  }

您可以使用
checked
属性设置默认选中的单选按钮

要检查是否已选中,请使用以下代码:

  if ($('input[name=typesport]').attr('value') != undefined) {
    //execute code when it is checked
  } else {
    //execute code when it's not checked
  }

HTML5支持单选按钮的
required
属性。我进行了一些搜索,并获得了有关此属性的更详细信息。

HTML5支持单选按钮的
必需属性。我进行了一些搜索,并提供了有关此属性的更详细信息。

单选框本质上相当简单,默认情况下,您应该在单选组中至少选中一个选项。最好是N/a或“请选择”选项

在这种情况下,您希望根据“请选择”选项进行验证:


//当用户单击时,
单选框本质上相当简单,默认情况下,您应该在单选组中至少选中一个选项。最好是N/a或“请选择”选项

在这种情况下,您希望根据“请选择”选项进行验证:


//当用户单击时
欢迎使用SO。请理解,这不是免费的编码服务。你必须自己尝试解决这个问题。如果你不能让它工作,张贴你尝试了什么,我们会帮助你解决它。欢迎使用SO。请理解,这不是免费的编码服务。你必须自己尝试解决这个问题。如果你不能让它工作,张贴你尝试,我们将帮助你修复它。
  $(document).ready(function () {
      $('#checkBtn').click(function() {
        checked = $("input[type=radio]:checked").length;

        if(!checked) {
          alert("You must check at least one radio.");
          return false;
        }

      });

  });
  if ($('input[name=typesport]').attr('value') != undefined) {
    //execute code when it is checked
  } else {
    //execute code when it's not checked
  }