Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: HTML ADO.NET jQuery Text , +
hi all,
 
i have two HTML text boxes inside repeater. on text change of those text box i want to do sum and display in 3rd HTML text box using JQuery.
 
how can i achieve it?
 
Thanks,
KK
Posted 24-May-13 21:52pm
kk20141.8K

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Below is sample code
 
ASPX code
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
 
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
 
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
            <div>
                <asp:TextBox ID="TextBox1" runat="server" Text=0 />
                <asp:TextBox ID="TextBox2" runat="server" Text=0 />
                <asp:TextBox ID="TextBox3" runat="server" />
            </div>
        </ItemTemplate>
    </asp:Repeater>
    </div>
 
    <script>
 
     function GetTotalAmount(obj){
          var txtbox1id = obj.id.replace('TextBox2','TextBox1');
          var txtbox2id = obj.id.replace('TextBox1','TextBox2');
          var txtbox3id = obj.id.replace('TextBox1','TextBox3').replace('TextBox2','TextBox3');
            var total =parseFloat($('#'+ txtbox1id).val()) +parseFloat($('#'+txtbox2id).val());
            $('#' + txtbox3id).val(total);
           }
 

      $(document).ready(function() {
            $("input[id*=TextBox1]").each(function() {
            $(this).change(function() {
              GetTotalAmount(this);
            });
          });
 
            $("input[id*=TextBox2]").each(function() {
            $(this).change(function() {
              GetTotalAmount(this);
            });
          });
 
    });
 
    </script>
    </form>
</body>
</html>
  Permalink  
Comments
kk2013 at 25-May-13 9:27am
   
hi,
 
i said html text boxes not asp.
 
but thanks for the reply.
 
thanks.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 7,903
1 Sergey Alexandrovich Kryukov 7,192
2 DamithSL 5,604
3 Manas Bhardwaj 4,986
4 Maciej Los 4,820


Advertise | Privacy | Mobile
Web02 | 2.8.1411023.1 | Last Updated 25 May 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100