3

皆さん、どうですか？

Jquery を使用して、さまざまなフォーム入力間でパーセンテージを分割する最良の方法は何だと思いますか? すなわち。

<input type="text" value="" name="inputOne" />
<input type="text" value="" name="inputTwo" />
<input type="text" value="" name="inputThree" />
<input type="text" value="" name="inputFour" />

アイデアは、これらの各入力のキーアップにあります。値が取得され、100% から差し引かれ、分割されて、他のフィールドの値として設定されます。

したがって、最終的に Inputone の値として 25 を入力すると、残りのフィールドは次のようになります。

<input type="text" value="25" name="inputTwo" />
<input type="text" value="25" name="inputThree" />
<input type="text" value="25" name="inputFour" />

いつものように、どんな助けも大歓迎です

4

2 に答える 2

5

このアプローチを試すことができます..

$('input').on('keyup', function() {
    var val = this.value,
        $allInputs = $('input');
    if(val > 100) {
         $allInputs.val(100/$allInputs.length);   
    }
    else {
         var length 
         $('input').not(this).val( (100-val)/ ($allInputs.length-1)  ) ;  
    }
});

フィドルをチェック

ただし、いくつかのエラーチェックを追加する必要があります

于 2013-06-20T17:53:11.587 に答える
1

これは、任意の数の div を持つクラスに基づいて機能する動的ソリューションです。

$('.Maths').on('keyup', function() {
    var base = parseInt($(this).val());
    var count = $('.Maths').length;
    var rest = (100 - base) / (count - 1);
    $(this).siblings().val(rest.toString());
});

http://jsfiddle.net/scottbeeson/RMksp/

于 2013-06-20T18:01:20.290 に答える