javascript - 使用 jquery 计算表单值

Question

我有一个 php 生成的表单代码：

echo "<td><select id='num".$result['id']."' name='num".$result['id']."'>
      <option value='1'>1</option>
      <option value='2'>2</option>
      <option value='3'>3</option>
      <option value='4'>4</option>
      <option value='5'>5</option>
      <option value='6'>6</option>
      <option value='7'>7</option>
      <option value='8'>8</option>
      <option value='9'>9</option>
      <option value='10'>10</option>
      </select>
      </td>";
echo "<td><input type='checkbox' value='".$result['sell_price']."'                    name='".$result['id']."' id='".$result['id']."' /></td>";

如您所见，选择框的值已经定义，复选框的值是从数据库中获取的。

我想计算复选框的值并使用 jquery 将总和与选择框的值相乘。我有这个功能来“onclick on any td the checkbox is selected”：

$(function () {
    $("td").on(\'click\', function (e) {
        if (! $(e.target).closest(\'select\').length ) {
           var tr  = $(this).closest("tr"),
               chk = tr.find("input[type=\'checkbox\']").get(0);
           if (e.target != chk) {
               chk.checked = !chk.checked;
           }
           if ( tr.find("input[type=\'checkbox\']").is(":checked")) {
               tr.css("font-weight", "bold");
           } else {
               tr.css("font-weight", "");
           }
        }
    });  
});

请问有什么帮助吗？

Answer 1

如果要计算所有选定复选框的总和，则

 function calculata() {         
     var sum=0;
     $('#your_div_Id :checked').each(function() {
       sum=sum+($(this).val());
     });
  }

如果你想要一个值数组

var values = $('input:checkbox:checked.group1').map(function () {
  return this.value;
}).get(); // ["10", "11", "07"]