如果没有回答单选按钮组，则 jQuery 动画显示到 div答案

【问题标题】：jQuery animate display to div if radiobuttongroup isn't answered如果没有回答单选按钮组，则 jQuery 动画显示到 div
【发布时间】：2014-01-03 07:55:54
【问题描述】：

我使用下面的代码来查看我的所有单选按钮组是否都被选中。如果他们不是，那么我想使用 jQuery 转到尚未回答的组。

检查组是否被回答的代码：

$('.aQuestion').each(function(){
  if($(this).find('input[type="radio"]:checked').length > 0)
    {
       alert("checked");
    }
  else
    {
       alert("not checked");
    }    
});

这就是问题的样子。（大概有90个，都是通过mySQL生成的。

<div class='aQuestion' id='div1'>
    <STRONG>1. </STRONG>
    <STRONG>Question</STRONG></br>
    <INPUT TYPE='radio' NAME='grp1' VALUE='0'>answer 1</br>
    <INPUT TYPE='radio' NAME='grp1' VALUE='1'>answer 2</br>
    <INPUT TYPE='radio' NAME='grp1' VALUE='2'>answer 3</br>
    <INPUT TYPE='radio' NAME='grp1' VALUE='3'>answer 4</br>
    <INPUT TYPE='radio' NAME='grp1' VALUE='4'>answer 5
</div>

<div class='aQuestion' id='div2'>
    <STRONG>2. </STRONG>
    <STRONG>Question</STRONG></br>
    <INPUT TYPE='radio' NAME='grp2' VALUE='0'>answer 1</br>
    <INPUT TYPE='radio' NAME='grp2' VALUE='1'>answer 2</br>
    <INPUT TYPE='radio' NAME='grp2' VALUE='2'>answer 3</br>
    <INPUT TYPE='radio' NAME='grp2' VALUE='3'>answer 4</br>
    <INPUT TYPE='radio' NAME='grp2' VALUE='4'>answer 5
</div>

我期待看到您的建议。提前致谢。 :)

【问题讨论】：

标签： javascript jquery jquery-animate radio-group

【解决方案1】：

你的问题是什么？如果您希望您的页面滚动到包含尚未回答的单选按钮的 div，这个应该可以工作：

$('html, body').animate({
    scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);

elementtoScrollToID 应包含 parent-div 的元素，该元素包含尚未回答的单选按钮。

【讨论】：