Javascript ng repeat中的单选按钮

Javascript ng repeat中的单选按钮,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,虽然在互联网上有很多解决问题的方法。但是没有一个对我有效。else语句总是被执行。如果选中了任何单选按钮,那么是否应该执行该语句。但是它没有发生。下面是代码- .html <div ng-repeat="question in liveCtrl.questions> <input type="radio" name="answerGroup" value="0" id="answerGroup_0">&nbsp; {{question.optionA}

虽然在互联网上有很多解决问题的方法。但是没有一个对我有效。else语句总是被执行。如果选中了任何单选按钮,那么是否应该执行该语句。但是它没有发生。下面是代码-

.html

<div  ng-repeat="question in liveCtrl.questions>
  <input type="radio" name="answerGroup" value="0" id="answerGroup_0">&nbsp;
  {{question.optionA}
  <input type="radio" name="answerGroup" value="1" id="answerGroup_1">&nbsp;
  {{question.optionB}
  <input type="radio" name="answerGroup" value="2" id="answerGroup_2">&nbsp;
  {{question.optionC}
  <input type="radio" name="answerGroup" value="3" id="answerGroup_3">&nbsp;
  {{question.optionD}
  <button data-id="{{liveCtrl.currentPage+1}}" class="subques btn btn-lg btn-
  secondary">Save & Next</button>

</div>

您的代码按预期工作

很少更正

  • 您错过了liveCtrl.questions>

  • 您不必在
    $(“input:radio”)
    中循环。只需
    $(“input[name='answerGroup']:checked”)。长度足够检查是否选中任何单选按钮

$(文档).on('click','subques',function(){
var检查=真;
如果($(“输入[name='answerGroup']:选中”)。长度==0){
检查=错误;
}
如果(检查){
var bid=$(this).data('id');
控制台日志(“已检查”);
}否则{
控制台日志(“未选中”);
}
});

{{问题.选择A}
{{问题.选项b}
{{问题.选项}
{{问题.选项}
保存下一个(&N)

仍处于未选中状态。@Rahuljhawar您是否检查了任何收音机并未选中?是的,检查了单选按钮后,我未选中
$(document).on('click','.subques',function(){
        var check = true;
        $("input:radio").each(function(){
            if($("input[name='answerGroup']:checked").length == 0){
                check = false;
            }
        });

        if(check){
           var bid=$(this).data('id');
           $("#"+bid).addClass('box-color');
          }else{
            console.log("unchecked");
          }
    });