2011-08-19 59 views
1

不知道從哪裏開始,所以我正在尋找一個正確的方向。jQuery多個表單元素,複選框ID和做一個計算

我有一個窗體有多個獨特的複選框和相關的文本輸入。在檢查框時,還會有一個數學值應用於每個值。

例如樣機:

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

圖片真的沒有描述你想什麼 任何幫助,創建jQuery的功能,使這項工作讚賞去做。你能把它寫成文字嗎? –

+0

好的。我有10,000.00,並且我想將這筆款項應用於顯示的一張或多張發票。當我選擇每張發票時,如果金額小於10,000.00(或者其餘的餘額是),它會將全額(根據圖片中的第一張和第三張發票)或剩下的東西(作爲每張圖中的第五張發票) –

+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