2011-08-19 2 views
1

Не знаю, с чего начать, поэтому я ищу толчок в правильном направлении.jQuery несколько элементов формы, checkbox id's и делать вычисления

У меня есть форма с несколькими уникальными флажками и связанными текстовыми вводами. Существует также математическое значение, которое будет применено к каждому из них при установке флажка. любая помощь в создании функции 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, и я хочу применить этот платеж к одному или нескольким выставленным счетам. Когда я выбираю каждый invoicem, если сумма меньше, чем 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

Смежные вопросы