JavaScript動的スコアリングマトリックス

Question

JavaScriptで動的スコアリングマトリックスを実装する方法が必要です。

Sample Fiddle

あなたが他の質問を非表示/表示するために行ってきましたどの学校についての最初の二つの質問：私はここでフィドルを作成しました。

だから、最初の二つの質問への回答に基づいて、4つの可能な場合があります。

回答は常に 回答に常に表示されているプラ​​ス高校の質問があるの質問に答えて 質問に表示されるだけの質問常に表示プラス小学校の質問には、常に&高校の質問

（QUを含まない、私は目に見える質問の配列を構築する必要が回答する必要があります質問を超える動的ループへの表示に加えて小学校れ質問に回答し あなたが行った学校についての評価）。ここで

$(document).ready(function() { 

    // INITALISE OPTIONAL QUESTION GROUPS HIDDEN 
    $('.form-group.highschoolquestions').hide(); 
    $('.form-group.elementaryschoolquestions').hide(); 


    // SHOW/HIDE HIGH SCHOOL QUESTIONS 
    $(document).on('change', '.selectpicker.highschool', function() { 
console.log('high school changed'); 
if ($('.selectpicker.highschool').val() == 1) { 
    $('.form-group.highschoolquestions').show(); 
} 
if ($('.selectpicker.highschool').val() == 0) { 
    $('.form-group.highschoolquestions').hide(); 
} 
}); 

    // SHOW/HIDE ELEMENTARY SCHOOL QUESTIONS 
    $(document).on('change', '.selectpicker.elementaryschool', function() { 
    if ($('.selectpicker.elementaryschool').val() == 1) { 
     $('.form-group.elementaryschoolquestions').show(); 
    } 
if ($('.selectpicker.elementaryschool').val() == 0) { 
    $('.form-group.elementaryschoolquestions').hide(); 
} 

var questionsVisible = []; 
$(document).on('change', '.selectpicker.schoolgroup', function() { 
    // I WANT TO SCORE ONLY THE VISIBLE QUESTIONS - HOW TO CONSTRUCT AN ARRAY TO DO THIS? 
    $('.selectpicker.highschoolquestion:visible').each(function() { 
    questionsVisible.push(this); 
    console.log('pause'); 
    }); 
    }); 
}); 
}); 

Answer 1

ソリューション取り組んでいる：どのことができます値として文字列を使用してJSで、また、jQueryの中の機能が、あります

Fiddle

$(document).ready(function() { 
 

 
    // INITALISE OPTIONAL QUESTION GROUPS HIDDEN 
 
    $('.form-group.highschoolquestions').hide(); 
 
    $('.form-group.elementaryschoolquestions').hide(); 
 

 

 
    // SHOW/HIDE HIGH SCHOOL QUESTIONS 
 
    $(document).on('change', '.selectpicker.highschool', function() { 
 
    console.log('high school changed'); 
 
    if ($('.selectpicker.highschool').val() == 1) { 
 
     $('.form-group.highschoolquestions').show(); 
 
    } 
 
    if ($('.selectpicker.highschool').val() == 0) { 
 
     $('.form-group.highschoolquestions').hide(); 
 
    } 
 
    }); 
 

 
    // SHOW/HIDE ELEMENTARY SCHOOL QUESTIONS 
 
    $(document).on('change', '.selectpicker.elementaryschool', function() { 
 
    if ($('.selectpicker.elementaryschool').val() == 1) { 
 
     $('.form-group.elementaryschoolquestions').show(); 
 
    } 
 
    if ($('.selectpicker.elementaryschool').val() == 0) { 
 
     $('.form-group.elementaryschoolquestions').hide(); 
 
    } 
 

 
    }); 
 
     $(document).on('change', 'select', function() { 
 
     // I WANT TO SCORE ONLY THE VISIBLE QUESTIONS - HOW TO CONSTRUCT AN ARRAY TO DO THIS? 
 
     var total = 0; 
 
     $('.score-select select:visible').each(function() { 
 
     var val = parseInt($(this).val()) 
 
     total += val > 0 ? val :0; 
 
     console.log('pause'); 
 
     }); 
 
     $('#todayscore').val(total); 
 
    }); 
 
});