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 这个网页答吧 好了 俩都给你 嘿嘿 主要是你这个我还没有看懂
一年多之前 回复
qq_15290009
qq_15290009 我没看懂 我吧你这段代码贴在网页上 是个空白的 网页 我html 在最下面
一年多之前 回复
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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!