2 qq 15290009 qq_15290009 于 2016.05.12 10:50 提问

如何用jquery写出单位换算器

问题如题 用什么方法去写出来 简单呢 图片说明

 最好给我写个小例子  谢谢 

3个回答

showbo
showbo   Ds   Rxr 2016.05.12 11:59
已采纳

先定好公里转换率,然后再计算得到其他的就行了,多个搞点c币啊,O(∩_∩)O哈哈~。。。

 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    var ExRates =
        {
            公里: { 公里: 1, 米: 1000, 公分: 10000, 厘米: 100000, 毫米: 1000000, 微米: 1000000000, 里: 2, 丈: 300.030003 }//其他自己加上
        }, KMExRate = ExRates['公里'];
    var s = '<table border="0"><tr>',i=0;
    for (var attr in KMExRate) {
        s += '<td>' + attr + '</td><td><input type="text"/><input type="button" value="转换" onclick="compute(this)"/></td>';
        i++;
        if (i % 2 == 0) s += '</tr><tr>';
    }
    s += "</tr></table>";
    document.write(s);
    function compute(btn) {
        btn = $(btn);
        var unit = $(btn).parent().prev().html(), value = parseInt(btn.prev().val()) || 0, tunit, ExRate = ExRates[unit];
        if (value == 0) { alert('请输入大于0的数字!'); return false }
        if (!ExRate) {//此单位转换率没生成,依据KMExRage生成此单位对应其他单位的转换率
            ExRate = {};
            var rate = KMExRate[unit];
            for (var attr in KMExRate) {
                if (attr == unit) ExRate[attr] = 1;
                else {
                    ExRate[attr] = KMExRate[attr] * 1 / rate;
                }
            }
            ExRates[unit] = ExRate;
        }


        var inputs = $(btn).closest('table').find(':text');
        inputs.each(function () {
            tunit = $(this).parent().prev().html();//目标单位
            this.value = value * ExRate[tunit];
        });
    }
</script>
qq_15290009
qq_15290009 http://ask.csdn.net/questions/255835 这个网页答吧 好了 俩都给你 嘿嘿 主要是你这个我还没有看懂
大约 2 年之前 回复
qq_15290009
qq_15290009 我没看懂 我吧你这段代码贴在网页上 是个空白的 网页 我html 在最下面
大约 2 年之前 回复
qq_15290009
qq_15290009   2016.05.12 12:34



                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                      <td>化浪[fur]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>
                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                      <td>链[chain]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>

                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                      <td>杆[rod]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>
                                                                                                                </tr>           
                                                                                                                 <tr>
                                                                                                                      <td>码[yd]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>
                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                      <td>英尺[tf]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>

                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                      <td>英寸[in]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>
                                                                                                                </tr>             

                                                                                                    </table>```

英里[mi] 计算
qq_15290009
qq_15290009   2016.05.12 12:35
 <table cellpadding="0" cellspacing="1" >
                                                                                                                    <tr>
                                                                                                                          <td>英里[mi]</td><td><input type="text" id="a1"  class="cc3"/> </td><td><button type="button" id="jisuan">计算</button></td>

                                                                                                                    </tr>
                                                                                                                    <tr>
                                                                                                                          <td>化浪[fur]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>
                                                                                                                    </tr>
                                                                                                                    <tr>
                                                                                                                          <td>链[chain]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>

                                                                                                                    </tr>
                                                                                                                    <tr>
                                                                                                                          <td>杆[rod]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>
                                                                                                                    </tr>           
                                                                                                                     <tr>
                                                                                                                          <td>码[yd]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>
                                                                                                                    </tr>
                                                                                                                    <tr>
                                                                                                                          <td>英尺[tf]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>

                                                                                                                    </tr>
                                                                                                                    <tr>
                                                                                                                          <td>英寸[in]</td><td><input type="text"  class="cc3"/></td><td><button type="button">计算</button></td>
                                                                                                                    </tr>             

                                                                                                        </table> 
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
单位换算器
单位换算器单位换算器单位换算器单位换算器单位换算器单位换算器
万能单位换算器 V1.42_绿色版
万能单位换算器 万能单位换算器 万能单位换算器 万能单位换算器 万能单位换算器
超级好用终极单位换算器
终极单位换算器终极单位换算器终极单位换算器终极单位换算器终极单位换算器终极单位换算器
常用 单位换算器 Java 源代码
实现了常用 长度、时间、温度单位的换算, 关于面积、体积、压强、角度等可根据换算公式再代码相应位置中添加。
网络流量单位换算工具
好用的网络流量单位换算工具
超好用的单位换算小工具
自已用的超好用的单位换算小工具,界面很舒服,简约但功能全面!
终极单位换算器3.3
终极单位换算器3.3终极单位换算器3.3
单位换算器源码
Android单位换算器源代码,暂无图片
一个万能单位换算器..............................................
一个万能单位换算器......................................
终极单位换算器
终极单位换算器,可以换算任何单位!!!!!!!!!!