使用jquery计算表单值

时间:2013-03-22 00:24:21

标签: javascript jquery

我有一个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将值与selectbox的值相加。 我有这个功能“onclick on the td选中复选框”:

$(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", "");
           }
        }
    });  
});

请帮忙吗?

1 个答案:

答案 0 :(得分:0)

如果要计算所有选中复选框的总和,则

 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"]