Click here to Skip to main content
11,639,922 members (61,219 online)
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 20:52pm
kk20141.9K

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 Suvendu Shekhar Giri 285
1 CPallini 177
2 F-ES Sitecore 170
3 sasanka sekhar panda 155
4 jyo.net 142
0 OriginalGriff 9,081
1 Sergey Alexandrovich Kryukov 8,847
2 Mika Wendelius 7,027
3 Suvendu Shekhar Giri 2,650
4 F-ES Sitecore 2,558


Advertise | Privacy | Mobile
Web02 | 2.8.150731.1 | Last Updated 25 May 2013
Copyright © CodeProject, 1999-2015
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