Jquery 在单击事件中添加for循环

Jquery 在单击事件中添加for循环,jquery,Jquery,我有5个复选框,当我单击每个复选框时,百分比应该增加,当我取消选中复选框时,百分比应该减少 $(document).ready(function(){ var arr=['c','f','i','n','s']; var n=6; $("input").click(function(){ if(this.checked){ if($.inArray(this.value,arr)>-1)

我有5个复选框,当我单击每个复选框时,百分比应该增加,当我取消选中复选框时,百分比应该减少

$(document).ready(function(){
        var arr=['c','f','i','n','s'];
        var n=6;
            $("input").click(function(){
            if(this.checked){
            if($.inArray(this.value,arr)>-1){
                for(var count=1;count<n;count++)
                { 

                  var percentage=Math.ceil(count * (100/5));
                  alert('your percentage is' + percentage);
                }
            }else{}}
            });

});
$(文档).ready(函数(){
var arr=['c','f','i','n','s'];
var n=6;
$(“输入”)。单击(函数(){
如果(选中此项){
如果($.inArray(此.value,arr)>-1){

对于(var count=1;count您可以检查更新的fiddle

更新的代码

    $(document).ready(function(){       
      var arr=['c','f','i','n','s']; 

      $("input").click(function(){
        $(this).siblings('input[type="checkbox"]').not(this).prop('checked', false).next().removeClass("fa-times cross fa-check tick");

        if(this.checked){
            if($.inArray(this.value,arr)>-1){                                                   
                $(this).next().addClass("fa-check tick");           
            }else{                                                        
               $(this).next().addClass("fa-times cross");           
            }                 
        }else{
            $(this).next().removeClass("fa-check times tick cross");
        }

        var correctAnswer=$(".fa-check.tick").length;
        //var wrongAnswer=$(".fa-times.cross").length;
        //var count=correctAnswer-wrongAnswer;
        var count=correctAnswer;
        count=count<0?0:count;
        $('#value').html(count);
        var percentage=Math.ceil(count * (100/5));
        percentage=percentage<0? 0 :percentage;
        $('#percent').html(percentage);

    });             
 });
$(文档).ready(函数(){
var arr=['c','f','i','n','s'];
$(“输入”)。单击(函数(){
$(this).sides('input[type=“checkbox”]”)。not(this).prop('checked',false)。next().removeClass(“fa times cross fa check tick”);
如果(选中此项){
如果($.inArray(this.value,arr)>-1){
$(this.next().addClass(“fa勾选”);
}否则{
$(this).next().addClass(“fa times cross”);
}                 
}否则{
$(this).next().removeClass(“fa检查时间勾选叉”);
}
var correctAnswer=$(“.fa check.tick”).length;
//var错误答案=$(“.fa乘以.cross”).length;
//var计数=正确答案错误答案;
var计数=正确答案;

count=count您可以检查更新的小提琴

更新的代码

    $(document).ready(function(){       
      var arr=['c','f','i','n','s']; 

      $("input").click(function(){
        $(this).siblings('input[type="checkbox"]').not(this).prop('checked', false).next().removeClass("fa-times cross fa-check tick");

        if(this.checked){
            if($.inArray(this.value,arr)>-1){                                                   
                $(this).next().addClass("fa-check tick");           
            }else{                                                        
               $(this).next().addClass("fa-times cross");           
            }                 
        }else{
            $(this).next().removeClass("fa-check times tick cross");
        }

        var correctAnswer=$(".fa-check.tick").length;
        //var wrongAnswer=$(".fa-times.cross").length;
        //var count=correctAnswer-wrongAnswer;
        var count=correctAnswer;
        count=count<0?0:count;
        $('#value').html(count);
        var percentage=Math.ceil(count * (100/5));
        percentage=percentage<0? 0 :percentage;
        $('#percent').html(percentage);

    });             
 });
$(文档).ready(函数(){
var arr=['c','f','i','n','s'];
$(“输入”)。单击(函数(){
$(this).sides('input[type=“checkbox”]”)。not(this).prop('checked',false)。next().removeClass(“fa times cross fa check tick”);
如果(选中此项){
如果($.inArray(this.value,arr)>-1){
$(this.next().addClass(“fa勾选”);
}否则{
$(this).next().addClass(“fa times cross”);
}                 
}否则{
$(this).next().removeClass(“fa检查时间勾选叉”);
}
var correctAnswer=$(“.fa check.tick”).length;
//var错误答案=$(“.fa乘以.cross”).length;
//var计数=正确答案错误答案;
var计数=正确答案;

count=count根据我的说法,这应该通过创建一个类似

var n=0;
  var arrayforselection=[];
        $("input").click(function(){
        if(this.checked){

  if($.inArray(this.value,arrayforselection)<0){
  if($.inArray(this.value,arr)>-1){
  arrayforselection.push(this.value);
  }
  }
  }else{

  if($.inArray(this.value,arrayforselection)>=0){
  if($.inArray(this.value,arr)>-1){
  arrayforselection.indexOf(this.value)
  arrayforselection.splice(arrayforselection.indexOf(this.value),1);
  }
  }
  }
  n=arrayforselection.length;
        if($.inArray(this.value,arr)>-1){
  if(n===0){
             $('#value').html(n)
              var percentage=Math.ceil(n * (100/5));
              $('#percent').html(percentage)

  }
            for(var count=1;count<=n;count++)
            {
              $('#value').html(count)
              var percentage=Math.ceil(count * (100/5));
              $('#percent').html(percentage)
            }
        }else{

  }
        });
var n=0;
var arrayforselection=[];
$(“输入”)。单击(函数(){
如果(选中此项){
if($.inArray(此.value,arrayforselection)-1){
arrayforselection.push(此.value);
}
}
}否则{
if($.inArray(此.value,arrayforselection)>=0){
如果($.inArray(此.value,arr)>-1){
arrayforselection.indexOf(this.value)
arrayforselection.splice(arrayforselection.indexOf(this.value),1);
}
}
}
n=数组forselection.length;
如果($.inArray(此.value,arr)>-1){
如果(n==0){
$('#value').html(n)
风险值百分比=数学单元(n*(100/5));
$('#百分比').html(百分比)
}

对于(var count=1;count,根据我的说法,这应该通过创建一个类似

var n=0;
  var arrayforselection=[];
        $("input").click(function(){
        if(this.checked){

  if($.inArray(this.value,arrayforselection)<0){
  if($.inArray(this.value,arr)>-1){
  arrayforselection.push(this.value);
  }
  }
  }else{

  if($.inArray(this.value,arrayforselection)>=0){
  if($.inArray(this.value,arr)>-1){
  arrayforselection.indexOf(this.value)
  arrayforselection.splice(arrayforselection.indexOf(this.value),1);
  }
  }
  }
  n=arrayforselection.length;
        if($.inArray(this.value,arr)>-1){
  if(n===0){
             $('#value').html(n)
              var percentage=Math.ceil(n * (100/5));
              $('#percent').html(percentage)

  }
            for(var count=1;count<=n;count++)
            {
              $('#value').html(count)
              var percentage=Math.ceil(count * (100/5));
              $('#percent').html(percentage)
            }
        }else{

  }
        });
var n=0;
var arrayforselection=[];
$(“输入”)。单击(函数(){
如果(选中此项){
if($.inArray(此.value,arrayforselection)-1){
arrayforselection.push(此.value);
}
}
}否则{
if($.inArray(此.value,arrayforselection)>=0){
如果($.inArray(此.value,arr)>-1){
arrayforselection.indexOf(this.value)
arrayforselection.splice(arrayforselection.indexOf(this.value),1);
}
}
}
n=数组forselection.length;
如果($.inArray(此.value,arr)>-1){
如果(n==0){
$('#value').html(n)
风险值百分比=数学单元(n*(100/5));
$('#百分比').html(百分比)
}


对于(var count=1;countshow html code alway或add plunker为什么要使用复选框来完成收音机的用途?@charlietfl Nothing我只是在练习示例来学习jquery检查我提供的答案,应该对你非常有用也显示html代码或添加plunker为什么要使用复选框来完成收音机的用途用于?@charlietfl Nothing我只是在练习示例来学习jquery检查我提供的答案,应该对你非常有用你看到上面的小提琴了吗?当我点击错误答案时,有可能降低百分比吗?也就是说,我每行只能分配20%。当我点击正确答案时,当我点击错误答案时,百分比应该增加单击错误答案百分比应降低,因为我已更新了小提琴代码。请检查它,我得到错误答案:-(我说我只需要每行分配20%,但它选中了所有复选框。你能再检查一下吗?是的,让我检查一下。我已经按照你说的更新了逻辑。你可以在这里检查一下。你看到上面的提琴了吗?当我点击错误答案时,有可能降低百分比吗?也就是说,我只能每行分配20%。当我点击正确时当我点击错误答案时,答案百分比应该增加。如果我更新了小提琴代码,答案百分比应该减少。请检查我得到的答案是错误的:-(我说我只需要为每行分配20%,但它会选中所有复选框。你能再检查一次吗?是的,让我检查一下我已经按照你说的更新了逻辑。你可以在这里检查好的,我会检查好的,我会检查