Total price doesnt calculating without postback using jquery

Question

1.00/5 (1 vote)

See more:

XML

I am using jquery to calculate total price..but it does'nt calculating..displaying value of unit price itself when i enter quantity and total price displayed on label after postback ocuurs on popup..so how i do it without postback?

//jquery

 Collapse | Copy Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
  $(".TxtATQuantityATC").blur(function(){
      var price = $(".LblATUPriceATC").text();
      var totalAmount = $(".LblATTotalAmntATC");
      var total = parseInt(this.value) * parseFloat(price);
      totalAmount.text(total);

  });
});

Posted 17-Feb-13 19:00pm

Member 9579525

Add a Solution

Comments

Asim Mahmood 18-Feb-13 1:49am

looking good please debug your js code and this value especially: parseInt(this.value)

Member 9579525 18-Feb-13 1:59am

thanku..how to debug js code?

Rai Pawan 18-Feb-13 2:17am

just put a debugger; statement before the statement that you want to start the debugging, then you can debug in IE developer tools - Pawan

Asim Mahmood 18-Feb-13 2:46am

type debugger; before var price = $(".LblATUPriceATC").text();
and click in IE Tools -> Advanced -> Uncheck Disable script debugging(IE)

Member 9579525 18-Feb-13 8:00am

getting error "Object Expexcted"...because not getting textbox value

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

S. M. Ahasan Habib · Answer 1 · 2013-02-17T20:21:00

Solution 1

I worked with your code as follows.

XML

<body>
    <form id="form1" runat="server">
    <div>
        <div id="divStatus" runat="server">
            <asp:TextBox runat="server" ID="txtATQuantityATC" CssClass="TxtATQuantityATC"></asp:TextBox>
            <asp:Label ID="lblATUPriceATC" runat="server" CssClass="LblATUPriceATC">10</asp:Label >
             <asp:Label ID="lblATTotalAmntATC" runat="server" CssClass="LblATTotalAmntATC">Total Amount:</asp:Label >
        </div>
    </div>
    </form>
</body>

and its javascript code

XML

<script type="text/javascript">
    $(document).ready(function () {
        $(".TxtATQuantityATC").blur(function () {
            var price = $(".LblATUPriceATC").text();
            //alert($(".LblATTotalAmntATC").text());
            var totalAmount = $(".LblATTotalAmntATC");
            var total = parseInt(this.value) * parseFloat(price);
            totalAmount.text(total);

        });
    });
    </script>

I found it is working without postback. Just make sure that your html/asp.net control is same. Let me know if any difference you found. In javascript debug you can use firfox's firebug tool. You can also use console.log/window.alert method for know the run time value.

Posted 17-Feb-13 20:21pm

S. M. Ahasan Habib

Comments

Member 9579525 18-Feb-13 4:31am

no difference and i am fetching unit price from database on radio button click.. still it is not working..
//my aspx code
<asp:Button CssClass="inputcommon" ID="BtnATAddToCart" runat="server" Text="Add To Cart" onclick="BtnATAddToCart_Click" />
<asp:Button ID="BtnATHidden" style="display:none" runat="server" Text="Button" />

<cc1:ModalPopupExtender ID="MpeAddToCart" runat="server" TargetControlID="BtnATHidden" PopupControlID="PanelAddToCart" >

<asp:Panel ID="PanelAddToCart" runat="server">

<div style="text-align:right; margin-bottom:-15px; margin-right:-10px;">

</div>

<div style="color:Black; color:#fff; background-color:#400a0a;
border-width:2px; border:5px solid silver; padding: 10px; font-size:14px; text-align:left;">

<table cellspacing="15">
<tr>
<td>
Currency Type:
</td>
<td>
<asp:RadioButton ID="RdoATbtnINRATC" Text="INR" runat="server" AutoPostBack="true" OnCheckedChanged="RdoATbtnINRATC_CheckedChanged" GroupName="PRICE" />

</td>
<td>
<asp:RadioButton ID="RdoATbtnDOLLARATC" Text="$" runat="server" AutoPostBack="true" OnCheckedChanged="RdoATbtnDOLLARATC_CheckedChanged" GroupName="PRICE" />
</td>
<td>
<asp:RadioButton ID="RdoATbtnEUROATC" Text="EURO" runat="server" AutoPostBack="true" OnCheckedChanged="RdoATbtnEUROATC_CheckedChanged" GroupName="PRICE" />
</td>
</tr>
<tr>
<td>
Unit Price:
</td>
<td colspan="3">
<asp:Label ID="LblATUPriceATC" CssClass="LblATUPriceATC" runat="server" >
</td>
</tr>
<tr>
<td>
Items Required:
</td>
<td colspan="3">
<asp:UpdatePanel ID="UpdatePanel2" UpdateMode="Always" runat="server">
<contenttemplate>
<asp:TextBox ID="TxtATQuantityATC" CssClass="TxtATQuantityATC" AutoPostBack="true" runat="server" >

<Triggers>
<asp:AsyncPostBackTrigger ControlID="TxtATQuantityATC" EventName="TextChanged" />

</Triggers>

</td>