5

数字を入力する7つの入力フィールドと、挿入されたすべての数字が1つの結果に合計される最後の入力フィールドが1つあるフォームを作成したいと思います。他のスタッカーのスクリプトを編集しようとしましたが、何らかの理由で結果が表示されません。

htmlは次のとおりです。

<form class="form-horizontal" id="whereEntry" method='post' action=''>
   <fieldset>
    <input type="text" class="income_count span1 register_input" id="income" name="income" placeholder="% of income"> <br>
    <input type="text" class="income_count span1 register_input" id="income_2" name="income_2" placeholder="% of income"> <br>
<input type="text" class="income_count span1 register_input" id="income_3" name="income_3" placeholder="% of income"> <br>
<input type="text" class="income_count span1 register_input" id="income_4" name="income_4" placeholder="% of income"> <br>
    <input type="text" class="income_count span1 register_input" id="income_5" name="income_5" placeholder="% of income"> <br>
        <input type="text" class="income_count span1 register_input" id="income_6" name="income_6" placeholder="% of income"> <br><br><br>

   <input type="text" class="span2 register_input" id="income_sum" name="income_sum" placeholder="% of income"> <br>
       </fieldset>
       </form>

これまでのスクリプトは次のようになります。

var $form = $('#whereEntry'),
$summands = $form.find('.income_count'),
$sumDisplay = $('#income_sum');

$form.delegate('.income_count', 'change', function ()
{
var sum = 0;
$summands.each(function ()
{
    var value = Number($(this).val());
    if (!isNaN(value)) sum += value;
});

$sumDisplay.text(sum);
});

ここにjsfiddleがあります:http://jsfiddle.net/bT4nm/1/

私たちを手伝ってくれますか?私のhtmlクラスの問題か、スクリプトの問題です。私はjQueryについて初心者であり、できるだけ早く解決策として必要です..私のjsフィドルの更新は素晴らしいでしょう

4

2 に答える 2

5

これを使って:

var $form = $('#whereEntry'),
$summands = $form.find('.income_count'),
$sumDisplay = $('#income_sum');

$form.delegate('.income_count', 'change', function ()
{
var sum = 0;
$summands.each(function ()
{
    var value = Number($(this).val());
    if (!isNaN(value)) sum += value;
});

$sumDisplay.val(sum);
});
于 2013-06-06T07:50:35.767 に答える