Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > jQuery. Условие при переборе ...


Автор: finogeev 1.12.2012, 18:10
Изменяюсь за возможно глупый и простой вопрос, но ни как не могу сделать правильную проверка на условие при переборе ...
Задача что бы подсчитывал все значения инпутов у которых выделен чекбокс ...
Не могу понять как указать в условии что бы проверил чекбокс. У инпута и чекбокса присутвует один итендификтор ...

Код

<table width="200" border="0" cellspacing="10" cellpadding="10">
  <tr>
    <td><input type="checkbox" class="checkbox" id="check_1" data-id="1" /></td>
    <td><input type="text" class="textfield" name="textfield" id="textfield_1" value="0" /></td>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox" id="check_1" data-id="2" /></td>
    <td><input type="text" class="textfield" name="textfield" id="textfield_2"  value="0" /></td>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox" id="check_1" data-id="3" /></td>
    <td><input type="text" class="textfield" name="textfield" id="textfield_3" value="0" /></td>
  </tr>
</table>


Код

$('.checkbox').click(function() {
        
        var prid = this.getAttribute('data-id');    
        var prChecked = $(this).is(":checked");        
        $('#textfield_' + prid).prop("disabled", $(this).prop("checked"));
    
        var summa = "0";
        $(".textfield").each(function () {
            if( ... ) {
            summa = Number(summa) + Number($(this).val());                        
                     }
        });
    
        alert(summa);

    });


Пример вот тут: http://jsfiddle.net/kVnTG/

Автор: Arantir 1.12.2012, 18:42
Код

$('.checkbox').click(function() {
       
    var sum = 0;
    $(".checkbox:checked").each(function()
    {
      sum += Number($("#textfield_"+$(this).attr("data-id")).val());
    });
    alert (sum);
});

http://jsfiddle.net/cmGab/

Автор: finogeev 1.12.2012, 18:57
Громадное спасибо ....
+1

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)