Jquery 在单击事件中添加for循环
我有5个复选框,当我单击每个复选框时,百分比应该增加,当我取消选中复选框时,百分比应该减少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)
$(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%,但它会选中所有复选框。你能再检查一次吗?是的,让我检查一下我已经按照你说的更新了逻辑。你可以在这里检查好的,我会检查好的,我会检查