如果未选中，则更改单选按钮的背景颜色

Question

一旦用户在未选中所有单选按钮的情况下提交，未答复按钮的背景颜色应与选中按钮不同。我尝试实现这一点的方式是：

1. 创建一个空数组 - “存储”
2. 遍历每个单选按钮，如果项目已被选中，则在数组“store”中按数字 1（真），否则按 0（假）。

3. 然后我想遍历这个数组并为那些在“商店”中值为零的项目添加一个类。

   $(document).ready(function(){
       $('#form').submit(function(){
           var isValid = true; 
           var store = new Array();
           $("input:radio").each(function() {
               if($(this).prop('checked',true)){
                   store.push(1);}
               else{
                   store.push(0);
                   isValid = false;}           
           }); //.each
               if(!isValid){
                   for(var i=0;i < store.length;i++){
                       if(store[i]===0){
                           $('input[name=item' + i +']').addClass("not_answered");}
                       }//end of for-loop
                   return false;}
               else{
                   return true;}
   
       }); //submit
   });//document ready
   

我做错了什么？

我的小提琴：

FIDDLE

Answer 1

我认为你可以简化一下DEMO：

$('form').on('submit', function(e){
   var radios = $(this).find('input:radio').removeClass('notChecked');
   radios.filter(':not(:checked)').addClass('notChecked');
   if(radios.hasClass('notChecked')) return false;
});