计算2个texbox并使用javascript在标签中显示输出 [英] calcuate 2 texbox and display output in label using javascript
本文介绍了计算2个texbox并使用javascript在标签中显示输出的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
im在我的usercontrol页面中有2个文本框和1个标签.我需要减去2个文本框值并显示在label中.我使用脚本来执行此操作,但我没有得到输出
这是我的剧本
im having 2 textbox and 1 label in my usercontrol page.i need to subtract 2 textbox values and display in label.i used a script to do this but i didnt get the output
this is my script
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="PanelBinning.ascx.cs" Inherits="UploadedExcel_UserControls_PanelBinning" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxControlToolkit" %>
<%@ Register Src="~/UploadedExcel/UserControls/OperationLeftPanel.ascx" TagName="OperationLeftPanel"
TagPrefix="PPM" %>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var txtStartQty = $('input:text[id$=txtStartQty]').keyup(foo);
var txtEndQty = $('input:text[id$=txtEndQty]').keyup(foo);
function foo() {
var value1 = txtStartQty.val();
var value2 = txtEndQty.val();
var sub = subt(value1,value2);
var labelText = $('#<%= lblLossCnt.ClientID %>').html(sub);
}
function subt() {
var sub = 0;
for (var i = 0, j = arguments.length; i < j; i++) {
if (IsNumeric(arguments[i])) {
sub -= parseFloat(arguments[i]);
}
}
return sub;
}
function IsNumeric(input) {
return (input - 0) == input && input.length > 0;
}
});
</script>
<asp:TextBox ID="txtStartQty" runat="server" CssClass="txtValues" TabIndex="1"
<asp:TextBox ID="txtEndQty" runat="server" CssClass="txtValues" TabIndex="2"
ValidationGroup="valRole"></asp:TextBox>
ValidationGroup="valRole"></asp:TextBox>
<asp:Label ID="lblLossCnt" runat="server" CssClass="txtValues">
推荐答案
( var txtStartQty =
(function () { var txtStartQty =
('
('input:text[id
= txtStartQty]').keyup(foo); var txtEndQty =
=txtStartQty]').keyup(foo); var txtEndQty =
这篇关于计算2个texbox并使用javascript在标签中显示输出的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文