300RMB求JS代码

悬赏园豆：30 [已解决问题] 解决于 2008-08-01 15:02

求服务器端函数可以生成客户端JS代码并完成如下任务： 指定任意两个或三个textbox，在这两个或三个textbox中输入数字时，自动计算相乘的结果，并在另外的一个textbox中显示计算的值。当相乘几个textbox中有空着的时候，不显示计算值。 指定任意的n个textbox，自动计算其总和，显示在另外的一个textbox中。当前面几个textbox中的值改变时，自动更新总和。 界面如下所示：所有红框处，最后的textbox自动计算前面几个的乘积。所有蓝框的地方求和显示在最后一个textbox中。 注意：自动计算过程不能有postback。 在线等。当天有效。第一个能完美解决问题的300元通过网上银行转账付款。 <IMG height=290 src="http://124.42.124.27/snap1.jpg" width=447 mce_src="http://124.42.124.27/snap1.jpg"> 页面代码如下： <DIV class=cnblogs_code><table  rules="all" border="1" cellspacing="0" >     <tr>         <td colspan="6" align="center"><strong>外出人员费用</strong></td>     </tr>     <tr>         <td>往返里程</td>         <td align="right"><asp:TextBox ID="txtWangFanLiCheng" runat="server"                  Width="50px"></asp:TextBox> km </td>         <td>人数</td>         <td align="right">             <asp:TextBox ID="txtRenShu" runat="server"                  Width="50px"></asp:TextBox>             个</td>         <td>天数</td>         <td align="right">             <asp:TextBox ID="txtTianShu" runat="server"                  Width="50px"></asp:TextBox>             天</td>     </tr>     <tr>         <td colspan="2">车船费</td>         <td colspan="4" align="right">             <asp:TextBox ID="txtCheChuanFei" runat="server"                  Width="50px"></asp:TextBox>             元</td>     </tr>     <tr>         <td colspan="2">食宿费</td>         <td colspan="4" align="right">              <asp:TextBox ID="txtShiSuFei_Yuan" runat="server"                  Width="50px"></asp:TextBox>             元×<asp:TextBox ID="txtShiSuFei_Ren" runat="server"                  Width="50px"></asp:TextBox>             人× <asp:TextBox ID="txtShiSuFei_Tian" runat="server"                  Width="50px"></asp:TextBox>             天=<asp:TextBox ID="txtShiSuFei_Zong" runat="server"                  Width="50px"></asp:TextBox>              元</td>     </tr>     <tr>         <td colspan="2">在途工时补助</td>         <td colspan="4" align="right">             <asp:TextBox ID="txtZaiTuGongShiBuZhu_Yuan" runat="server"                  Width="50px"></asp:TextBox>             元×<asp:TextBox ID="txtZaiTuGongShiBuZhu_Ren" runat="server"                  Width="50px"></asp:TextBox>             人=<asp:TextBox ID="txtZaiTuGongShiBuZhu_Zong" runat="server"                  Width="50px"></asp:TextBox> 元</td>     </tr>     <tr>         <td colspan="6" align="center"><strong>外出服务用车费用</strong></td>     </tr>     <tr>         <td colspan="2">第一次服务用车费</td>         <td colspan="4" align="right">             <asp:TextBox ID="txtDiYiCiYongCheFei_Yuan" runat="server"                  Width="50px"></asp:TextBox>             元/Km×              <asp:TextBox ID="txtDiYiCiYongCheFei_LiCheng" runat="server"                  Width="50px"></asp:TextBox>             Km=              <asp:TextBox ID="txtDiYiCiYongCheFei_Zong" runat="server"                  Width="50px"></asp:TextBox>             元</td>     </tr>     <tr>         <td colspan="2">第二次服务用车费</td>         <td colspan="4" align="right">             <asp:TextBox ID="txtDiErCiYongCheFei_Yuan" runat="server"                  Width="50px"></asp:TextBox>             元/Km×              <asp:TextBox ID="txtDiErCiYongCheFei_LiCheng" runat="server"                  Width="50px"></asp:TextBox>             Km=<asp:TextBox ID="txtDiErCiYongCheFei_Zong" runat="server"                  Width="50px"></asp:TextBox> 元</td>     </tr>     <tr>         <td colspan="6" align="center"><strong>修理工时费</strong></td>     </tr>     <tr>         <td>工时数（h）</td>         <td align="right">             <asp:TextBox ID="txtGongShiShu" runat="server"                  Width="50px"></asp:TextBox>             小时</td>         <td>节假日上浮比例</td>         <td align="right">             <asp:TextBox ID="txtJieJiaRiShangFuBiLi" runat="server"                  Width="50px"></asp:TextBox>             %</td>         <td>高寒上浮比例</td>         <td align="right">             <asp:TextBox ID="txtGaoHanShangFuBiLi" runat="server"                  Width="50px"></asp:TextBox>             %</td>     </tr>     <tr>         <td>工时费</td>         <td colspan="5" align="right">（基本工时）<asp:TextBox                  ID="txtGongShiFei_Yuan" runat="server"                  Width="50px"></asp:TextBox>             元×<asp:TextBox ID="txtGongShiFei_H" runat="server"                  Width="50px"></asp:TextBox> h×<asp:TextBox ID="txtGongShiFei_BiLi" runat="server"                  Width="50px"></asp:TextBox>             %=<asp:TextBox ID="txtGongShiFei_Zong" runat="server"                  Width="50px"></asp:TextBox> 元</td>     </tr>     <tr>         <td>旧件运费</td>         <td align="right">             <asp:TextBox ID="txtJiuJianYunFei" runat="server"                  Width="50px"></asp:TextBox>             元</td>         <td colspan="2">其他费用</td>         <td colspan="2" align="right">             <asp:TextBox ID="txtQiTaFeiYong" runat="server"                  Width="50px"></asp:TextBox>             元</td>     </tr>     <tr>         <td>费用合计</td>         <td colspan="5" align="right">             <asp:TextBox ID="txtFeiYongHeJi" runat="server"                  Width="50px"></asp:TextBox>             元</td>     </tr> </table> </DIV>

网站开发 Javascript

问题补充： datasky: jerry_young: 希望是可以写一个通用的函数可以在后台调用。函数支持变长的参数，第一个参数是一个公式字符串，比如（"{1}*{2}+({3}*{4})"）这种，第二个参数是目标textbox的ID（后台的ID，因为程序可能会被用在UserControl里），就是计算结果的值放在这个textbox中。剩下的参数数组是要被计算的控件。时间延长到8月1号晚上8点。希望对这方面比较熟悉的人能帮忙。

山不转水转... | 初学一级 | 园豆：102
提问于：2008-07-31 20:01

< >

最佳答案

using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using System.Text; namespace blogsTest { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { TextBox[] txt = new TextBox[] { txtShiSuFei_Yuan, txtShiSuFei_Ren, txtShiSuFei_Tian }; Func("{0}*{1}*{2}", txtShiSuFei_Zong,txt); } public void Func(string fun,TextBox txtZhongHe,TextBox[] txt) { StringBuilder sb = new StringBuilder(); sb.Append("<Script>function calc"+txtZhongHe.ClientID+"(){"); sb.Append("var txtArray = new Array("+txt.Length+");"); for (int i = 0; i < txt.Length; i++) { txt[i].Attributes.Add("onblur", "calc" + txtZhongHe.ClientID + "()"); sb.Append("txtArray[" + i + "] = document.getElementById('" + txt[i].ClientID + "');"); } sb.Append("var txtZhongHe = document.getElementById('" + txtZhongHe.ClientID + "');"); sb.Append("for(var i=0;i<txtArray.length;i++){"); sb.Append("if(txtArray[i].value==null ||txtArray[i].value==''||isNaN(txtArray[i].value))"); sb.Append("{txtZhongHe.value=''; return; }"); sb.Append("}"); string[] txtName = new string[txt.Length]; for (int i = 0; i < txt.Length; i++) { txtName[i] = "parseFloat(txtArray["+i+"].value)"; } sb.Append("txtZhongHe.value = " + String.Format(fun, txtName) + ";}</Script>"); Page.RegisterClientScriptBlock(txtZhongHe.ClientID, sb.ToString()); } } } 按照要求实现运算~! 每一个红框调用一遍 Func();蓝框一样! 注意: {0}{1}{2},的序号要和数组序号对应起来!

Jerry Young | 菜鸟二级 |园豆：435 | 2008-07-31 21:20

其他回答(3)

这js到有些难度，引入jquery来写可以试试呵呵

無尽海 | 园豆：540 (小虾三级) | 2008-07-31 20:39

你可以在页面上放置一个隐藏域，后台根据需要放置要计算的表达式，然后每个输入框激发一个共同的事件，这个事件根据隐藏域的表达式(当然是要自己能够明白的表达式)，查找各个需要计算的输入框的值，如果是乘法在计算的过程中遇到为空的输入框就立即返回false，如果是加法就取一个计算一个，空的就不计算，最后将总值赋值到要放置的文本框。下面给出一个非常简单的demo：－－－－－－－－－－－－－－－－－－－－－ <script type="text/javascript"> //假如将值存入到"txtGongShiFei_Zong"中 //这个例子只是一个简单的demo，你可以按照这种思想丰富你的代码 function calculate() { var strExp = document.getElementById("hf1").value; var arrExp = strExp.split("*"); var tmpValue = 1; for (var i=0; i<arrExp.length;i++) { if(document.getElementById(arrExp[i]) != null) { tmpValue = tmpValue * parseFloat(document.getElementById(arrExp[i]).value); } else { return false; } } document.getElementById("txtGongShiFei_Zong").value = tmpValue; } </script> ... <tr> <td>工时费</td> <td colspan="5" align="right">（基本工时）<asp:TextBox ID="txtGongShiFei_Yuan" runat="server" Width="50px" onblur="calculate();"></asp:TextBox> 元×<asp:TextBox ID="txtGongShiFei_H" runat="server" Width="50px" onblur="calculate();"></asp:TextBox> h×<asp:TextBox ID="txtGongShiFei_BiLi" runat="server" Width="50px" onblur="calculate();"></asp:TextBox> %=<asp:TextBox ID="txtGongShiFei_Zong" runat="server" Width="50px"></asp:TextBox> 元</td> </tr> ... <asp:HiddenField ID="hf1" runat="server" /> ... 后台cs文件里面的部分： protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { //在后台这里你可以任意组织你的表达式 //表达式一|表达式二 //前台通过脚本截取=号前面的要赋值的文本框IDtxtGongShiFei_Zong=txtGongShiFei_Yuan*txtGongShiFei_H*txtGongShiFei_BiLi this.hf1.Value = "txtGongShiFei_Yuan*txtGongShiFei_H*txtGongShiFei_BiLi"; } }

致博腾远 | 园豆：1389 (小虾三级) | 2008-07-31 21:06

客户端做计算就可以了，可以即时显示结果;博问有字数限制，看下面的随笔吧 http://www.cnblogs.com/yukaizhao/archive/2008/08/01/1257845.html

玉开 | 园豆：8822 (大侠五级) | 2008-08-01 09:06

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

300RMB求JS代码

欢迎，请先登录或者注册。