2011-08-19 15 views
1

これはどこから始めるべきかわからないので、正しい方向にプッシュを探しています。jQuery複数フォームの要素、チェックボックスのIDと計算を行う

私はフォームに複数の一意のチェックボックスと関連するテキスト入力があります。ボックスにチェックを入れると、これらのそれぞれに適用される数学値もあります。 すべてのヘルプは、この作業をするためにjQueryの関数を作成する際に評価されて:

例のモックアップ:

enter image description here

<input type="checkbox" id="cb109179cb" /> 109179 - $4,390.30 <input type="text" name="applyto109179applyto" id="applyto109179applyto" value="0" readonly="readonly" /> <em>($4,389.30)</em> 
<input type="checkbox" id="cb109246cb" /> 109246 - $4,231.76 <input type="text" name="applyto109246applyto" id="applyto109246applyto" value="0" readonly="readonly" /> <em>($4,231.76)</em> 
<input type="checkbox" id="cb109314cb" /> 109314 - $3,934.40 <input type="text" name="applyto109314applyto" id="applyto109314applyto" value="0" readonly="readonly" /> <em>($3,934.40)</em> 
<input type="checkbox" id="cb109381cb" /> 109381 - $4,240.52 <input type="text" name="applyto109381applyto" id="applyto109381applyto" value="0" readonly="readonly" /> <em>($4,240.52)</em> 
<input type="checkbox" id="cb109447cb" /> 109447 - $4,261.30 <input type="text" name="applyto109447applyto" id="applyto109447applyto" value="0" readonly="readonly" /> <em>($4,261.30)</em> 
<input type="checkbox" id="cb109514cb" /> 109514 - $3,460.55 <input type="text" name="applyto109514applyto" id="applyto109514applyto" value="0" readonly="readonly" /> <em>($3,460.55)</em> 
+4

絵は本当にあなたがしようとしているかを説明しません。する。それを言葉に入れていただけますか? –

+0

私は10,000.00を持っており、この支払いを1つまたは複数の請求書に適用したいと考えています。金額が10,000.00未満の場合(またはリマーミング残高がある場合)、請求書を選択すると、(図の最初と3番目の請求書に記載されているとおり)全額を残します。写真の5番目の請求書ごとに) –

+0

@MattBall返信を投稿しました。ありがとうございました。 –

答えて

2
$('#my_form input:checkbox[id^="cb"]').change(function(){ 
    var $this = $(this), 
     $input = $this.next('input:text[id^="applyto"]'); 
    if($this.is(':checked')){ 
     // checkbox checked, apply your logic to $input 
    } else{ 
     // checkbox un-checked, apply your logic to $input 
    } 
}); 

Here is a demo

関連する問題