1

私は開発してjsfiddle http://jsfiddle.net/tMUJT/に配置した調査フォームを持っています

$('input:radio').change(function(){ 
  var tot=0;
  $('input:radio:checked').each(function(){
    tot+=parseInt($(this).val());
  });
  tot+=parseInt($('#more').val());
    $('#usertotal').html(tot)
  });

  $('#more').change(function(){
    $('input:radio').trigger('change');
});

各無線入力の値は 1 です。

各列の下に各列の合計を表示し、以下の計算に基づいて最終的な合計を表示する必要があります。

列 1 の合計 x 0 + 列 2 の合計 x 1 + 列 3 の合計 x 2 + 列 4 の合計 x 3 + 列 5 の合計 x 4 =

多くのスクリプトを再利用しようとしましたが、うまく動作しませんでした。私の js スキルはそれほど優れていません。jsfiddleで動作させるのを手伝ってくれる人がいれば、とても感謝しています。ありがとう！

4

1 に答える 1

0

http://jsfiddle.net/3qh8D/1/

I like to use html5 data attributes for this sort of thing. You can call it what you'd like but I used data-factor (actually weight would make more sense). I think it's better to put this into markup. That way when you generate the markup you can bind the value that you're looking for directly into the HTML rather than having some sort of mapping in your code somewhere that says "this css class is equal to 1 and this css class is equal to 2" etc. 

<td bgcolor="#00CC66"><input type="radio" data-factor='1' name="checkbox" id="checkbox1" value="1"></td>
<td>On shelf</td>
<td bgcolor="#FFFF33"><input type="radio" data-factor='2' name="checkbox" id="checkbox2" value="1"></td>
<td>No</td>
<td bgcolor="#fba459"><input type="radio" data-factor='3' name="checkbox" id="checkbox3" value="1"></td>
<td class="dots">&nbsp;</td>

Then whenever one of the radio buttons changes you just roll through all the checked inputs and add up the data-factor values. 

// column1 total x 0 + column2 total x 1 + column3 total x 2 + column4 total x 3 + column5 total x 4 =

$(':input[type=radio]').change(function() {
  var $inp, factor, inp, inputs, total, _i, _len;
  total = 0;
  inputs = $('input[type=radio]:checked');
  for (_i = 0, _len = inputs.length; _i < _len; _i++) {
    inp = inputs[_i];
    $inp = $(inp);
    factor = $inp.attr('data-factor') || 0;
    total += +factor;
  }
  return $('#totalValue').text("Total value:" + total);
});

(the fiddle is in coffeescript because I find that more readable)

于 2013-10-04T18:49:01.480 に答える