jsを利用してラジオボタンとチェックボックスで選択しているものを特定の商品に加点方式に

実現したいこと

フォーム
表

フォームのラジオボタンとチェックボックスを選択していって、表の特定の商品にだけ1点ずつ加点していきたい。

発生している問題・分からないこと

そもそも実現はできるものなのか分かりません。
今回のパターンではvalueも数字にしてしまうとダメな気もして
悩んでます。
大雑把なコードしかまだ結局書いてません。

該当のソースコード

html

1<form action="" id="form">2 <div class="inner">3 <h1>質問1</h1>4 <label for=""><input type="radio" id="qa01_01" name="qa01" value="qa01_01">軽い</samp></label>5 <label for=""><input type="radio" id="qa01_02" name="qa01" value="qa01_02">重い</label>6 </div>7 <div class="inner">8 <h1>質問2</h1>9 <label for="qa02_01"><input type="radio" id="qa02_01" name="qa02" value="qa02_01">大きい</label>10 <label for="qa02_02"><input type="radio" id="qa02_02" name="qa02" value="qa02_02">小さい</label>11 </div>12 <div class="inner">13 <h1>質問3</h1>14 <label for="qa03_01"><input type="radio" id="qa03_01" name="qa03" value="qa03_01">硬い</label>15 <label for="qa03_02"><input type="radio" id="qa03_02" name="qa03" value="qa03_02">柔らかい</label>16 <label for="qa03_03"><input type="radio" id="qa03_03" name="qa03" value="qa03_03">普通</label>17 </div>18 <div class="inner">19 <h1>質問4</h1>20 <label for="qa04_01"><input type="checkbox" id="qa04_01" name="qa04" value="qa04_01"/>赤</label>21 <label for="qa04_02"><input type="checkbox" id="qa04_02" name="qa04" value="qa04_02"/>青</label>22 <label for="qa04_03"><input type="checkbox" id="qa04_03" name="qa04" value="qa04_03"/>黄色</label>23 </div>24 <input type="button" class="btn" value="送信する">25 </form>

jQuery

1 var item = ['商品1' , '商品2' , '商品3' , '商品4' , '商品5']; 2 3 $('input:radio').change(function() { 4 var qa01 = $('input[name="qa01"]:checked').val(); 5 var qa02 = $('input[name="qa02"]:checked').val(); 6 var qa03 = $('input[name="qa03"]:checked').val(); 7 var qa04 = $('input[name="qa04"]:checked').val(); 8 });

試したこと・調べたこと

上記の詳細・結果

ifを試してり、色々してみたができる気がしない

補足

特になし