Click here to Skip to main content
11,578,524 members (59,765 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 Peter Leow 135
1 OriginalGriff 113
2 Richard MacCutchan 85
3 Afzaal Ahmad Zeeshan 75
4 Frankie-C 75
0 OriginalGriff 933
1 Sergey Alexandrovich Kryukov 740
2 Abhinav S 573
3 F-ES Sitecore 420
4 Suvendu Shekhar Giri 403


Advertise | Privacy | Mobile
Web03 | 2.8.150603.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