2 qq 15290009 qq_15290009 于 2016.02.02 16:46 提问

jQuery的问题,啦啦!!!!!!

图片说明

如图片公式那样计算

 function votecalculator(price, amount,poundage1){
    price = parseFloat(price) || 0;
    amount = parseFloat(amount) || 0;
    poundage1 = parseFloat(poundage1) || 0;

    var money2 = 0;
    poundage = price*amout*(poundage1/100);
    $("#poundage").val(poundage.toFixed(2));
}




    $("#price").change(function () {
        price = parseFloat($(this).val());
        votecalculator(price, amount,poundage1);
    });
    $("#amount").change(function () {
        amount = parseFloat($(this).val());
        votecalculator(price, amount,poundage1);
    });
    $("#poundage1").change(function () {
        poundage1 = parseFloat($(this).val());
        votecalculator(price, amount,poundage1);
    });



    var price = parseFloat($("#price").val());
    var amount = parseFloat($("#amount").val());
    var poundage1 = parseFloat($("#poundage1").val());

    votecalculator(price, amount,poundage1);

这是我的js 我只是计算了手续费 但是无法计算 不知道怎么回事 还有就是$(document).ready() 就计算不了 必须删除才能计算 还有就是 我想给他 同时计算 填完数量跟价格 金额和手续费都出现 就是在js里先计算手续费 完了手续费有值了也计算 金额 但是要页面要同时出现结果的 用什么 if(){}吗

3个回答

showbo
showbo   Ds   Rxr 2016.02.02 17:47
已采纳

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<div>
    价格:<input type="text" id="price" />元/份<br />
    数量:<input type="text" id="amount" />份
</div>
计算结果
<hr />
<table id="tbRst">
    <tr><td>&nbsp;</td><td>金额</td><td>手续费</td><td>手续费率</td></tr>
    <tr><td>申购</td><td><input type="text" />元</td><td><input type="text" />元</td><td><input type="text" value="1.5" id="poundage1" />%</td></tr>
    <tr><td>认购</td><td><input type="text" />元</td><td><input type="text" />元</td><td><input type="text" value="1.2" id="poundage2" />%</td></tr>
    <tr><td>赎回</td><td><input type="text" />元</td><td><input type="text" />元</td><td><input type="text" value="0.5" id="poundage3" />%</td></tr>
</table>
<script>
    function votecalculator() {
        var price = parseFloat($('#price').val()) || 0, amount = parseFloat($('#amount').val()) || 0, poundage,percent;
        var ipts, money = price * amount;
        $('#tbRst tr:gt(0)').each(function () {
            ipts = $('input', this);
            percent = parseFloat(ipts.eq(2).val()) || 0;
            poundage = money * percent / 100;
            ipts.eq(0).val((money + poundage).toFixed(2));
            ipts.eq(1).val(poundage.toFixed(2));
        });
    }
    $('#price,#amount,#poundage1,#poundage2,#poundage3').change(votecalculator);
</script>
qq_15290009
qq_15290009 回复无聊码农: 谢谢
2 年多之前 回复
showbo
showbo 回复热呛: 就是获取tbRst表格除了第一行表头外的行进行遍历,ipts是每行里面的input对象,下标从0开始,所以ipt.eq(0)就是总金额,ipts.eq(1)为手续费,ipts.eq(2)是费率,调用val()获取值,||0防止输入的不是数字转换失败就用0替换
2 年多之前 回复
qq_15290009
qq_15290009 哥 你能给我仔细说说不 poundage,percent; $('#tbRst tr:gt(0)').each var ipts, ipts.eq(2).val()) || 0; 这都是什么个意思呢
2 年多之前 回复
qq_15290009
qq_15290009 能了 刚才弄错了
2 年多之前 回复
qq_15290009
qq_15290009 计算不了啊
2 年多之前 回复
a8761087
a8761087   Rxr 2016.02.02 17:17

$(function(){

    $("#price").change(function () {
        price = parseFloat($(this).val());
        votecalculator(price, amount,poundage1);
    });
    $("#amount").change(function () {
        amount = parseFloat($(this).val());
        votecalculator(price, amount,poundage1);
    });
    $("#poundage1").change(function () {
        poundage1 = parseFloat($(this).val());
        votecalculator(price, amount,poundage1);
    });



    var price = parseFloat($("#price").val());
    var amount = parseFloat($("#amount").val());
    var poundage1 = parseFloat($("#poundage1").val());

    votecalculator(price, amount,poundage1);

});


qq_15290009
qq_15290009 还是不好使啊
2 年多之前 回复
a8761087
a8761087   Rxr 2016.02.02 17:20

至于金额和手续费同时设置就把设置金额的值和设置手续费的值一起调用就行了啊,你说的复杂,其实你这问题很简单

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
啦啦外卖11.6全开源
啦啦外卖11.6全开源,模块安装好后先导入大文件数据库,再导入插件数据库。 wmerchant.php文件发到框架web目录
《开讲啦》观后感(互联网)
开讲啦观后感(互联网)《开讲啦》 20160227 邬贺铨:互联网改变了我们什么?首先对整体演讲做一个点评。我必须要说,邬贺铨是我在《开讲啦》上见到的最好的演讲者。思路清晰,语言连贯流畅,词句通顺,生动有趣,意思表达的很精确,也很会倾听,最重要的是内容特别充实丰富,一个个点很密集,感觉快要结束了的时候一看才十多分钟(这个节目四十多分钟)。不敢想这是一个73岁的老者。也由此说明知识和思考给一个人的大脑
纯CSS画图——哆啦A梦
最近突然想用前端代码画图,然后就去百度找了一张哆啦A梦的图片,用DIV+CSS画,虽然最后的结果还是有些差异,不过也就差不多可以看啦~ dlam.html 哆啦A梦
jquery循环下拉框中所有的值
select isedit='true' valid='Require' msg='请选择地区部' id="REGION" name="REGION">"" selected>请选择"中亚" >中亚"中国" >中国"中东" >中东"印度" >印度"西欧" >西欧"西非" >西非"日本" >日本"南太平洋" >南太平洋"南美南" >南美南"拉美北" >拉美北"公司总部" >公司总部"俄罗斯" >俄罗
2015-04-26期 开讲啦 黄晓明:努力,是为了尊严
《开讲啦》节目邀请“中国青年心中的榜样”作为演讲嘉宾,分享他们对于生活和生命的感悟,给予中国青年现实的讨论和心灵的滋养,讨论青年们的人生问题,同时也在讨论青春中国的社会问题。 节目每期有八至十位来自全国各大高校的青年代表,向演讲嘉宾提问互动,300位大学生作为观众现场分享这场有思考、有疑问、有价值观、有锋芒的思想碰撞。他们对人生有思考,对未来有疑问,他们思想新锐,观点先锋,是中国未来的中坚力量
canvas综合应用绘制哆啦A梦
HTML5中canvas元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.通过这一元素,我们可以在画布上画出各种图形,线条,矩形,圆形,椭圆,字体,渐变等,当然可以自己设计组合绘制自己想要的图案,今天,笔者通过canvas绘制了一个哆啦A梦的图案,其中,应用了颜色渐变,贝塞尔曲线等知识点,是对canvas的一个较综合的应用。请看效果图: 通过canvas画图需要确定各个点,比
啦啦外卖跑腿系统9.4.0开源版免费分享下载
微擎微赞模块:啦啦外卖跑腿源码仿美团 饿了么 完全开源码支持二次开发        使用安装方法:1,把在极客资源论坛下载的程序文件夹覆盖到微赞或微擎或微动力程序所在网站根目录,即覆盖addons目录。2,进入网站后台,找到系统--模块管理--分别安装啦啦外卖模块,安装完毕后在你的微赞网站前台登陆,设置好微信公众号,然后点击“管理公众号”,点击顶部菜单的“扩展功能”,在左侧菜单找到“啦啦外卖“即可...
源码用python的tkinter模块的Canvas画哆啦a梦
用python的tkinter模块的Canvas画哆啦a梦,内含源码、详细注释
开讲啦--梅宏
      视频链接开讲啦--梅宏  看来2018/3/11一期的《开讲啦》栏目,这一期是梅宏院士讲关于大数据的应用,他提出大数据是数据挖掘的深度和应用的广度(跨界融合的广度)。    大数据应用:帕兰提尔公司通过数据分析帮助政府击毙本拉登,alphago战胜李世石等,    大数据为人类提供认识现实世界,认识复杂系统的的新手段或者新思维    大数据是经济增长的新引擎,---数字经济      ...
智慧外卖系统-啦啦外卖we7_wmall
智慧外卖系统-啦啦外卖we7_wmall,下载微赞或微擎就可以用了!