multiply two textbox values using jquery in asp.net

Question

0.00/5 (No votes)

See more:

How to multiply two text box values Using the query the result to Display in one label Can u any one please tell me the Error following in my query

C#

$(function () {
            $("[id*=txtQuantity]").keyup(function () {
                debugger;
                var price = parseFloat($("[id*=txtPrice]").val());
                var Qnt = parseFloat($("[id*=txtQuantity]").val());
                var total = parseFloat(price * qnt);
                $("[id*=lblPrice]").val(total);
            });
        });

XML

<tr bgcolor="#ececec" style="width: 50%">
                                                <td class="style10" align="left">
                                                    &nbsp; <span style="font-family: 'Arial Narrow'; font-size: medium;" class="lblleabl">
                                                        &nbsp;Price</span>
                                                </td>
                                                <td class="style10" align="left">
                                                    <%-- <asp:TextBox ID="txtPrice" runat="server" class="Price"></asp:TextBox>--%>
                                                    <asp:TextBox ID="txtPrice" runat="server"></asp:TextBox>
                                                </td>
                                            </tr>
                                            <tr bgcolor="#ececec" style="width: 50%">
                                                <td class="style10" align="left">
                                                    &nbsp; <span style="font-family: 'Arial Narrow'; font-size: medium;" class="lblleabl">
                                                        &nbsp;Quantity</span>
                                                </td>
                                                <td class="style10" align="left">
                                                    <asp:TextBox ID="txtQuantity" runat="server"></asp:TextBox>
                                                </td>
                                            </tr>
                                            <tr bgcolor="#ececec" style="width: 50%">
                                                <td class="style10" align="left">
                                                    &nbsp; <span style="font-family: 'Arial Narrow'; font-size: medium;" class="lblleabl">
                                                        &nbsp;Total Price </span>
                                                </td>
                                                <td class="style10" align="left">
                                                    <%--<asp:Label ID="lblPrice" runat="server" Text=""></asp:Label>--%>
                                                    <asp:TextBox ID="lblPrice" runat="server"></asp:TextBox>
                                                </td>
                                            </tr>

Posted 4-Sep-13 1:48am

DhananjayanP

Updated 12-Nov-20 19:20pm

v2

Add a Solution

Comments

Jameel VM 4-Sep-13 8:06am

check the error in console of chrome or mozilla

Thomas ktg 4-Sep-13 8:12am

Qnt vs qnt there is difference between these two. Check this

Jameel VM 4-Sep-13 8:21am

JavaScript variable names are case sensitive.so Qnt and qnt are different

Thomas ktg 4-Sep-13 8:26am

that's fine

3 solutions

Solution 3

$('[id^="qty_"]').change(function() {

var ID = $(this).attr("id");
var a=0;
var a1=0;

ID = ID.substring(4, 6);
ID = ID.replace("_","");

$('input[id^="qty_'+ID+'_"]').keyup(function() {
var a = $('input[id^="qty_'+ID+'_"]').val();

var b = $(this).val();
$('input[name="lblPrice"]').val(a * b);
var imp="tot_"+ID;

var c = a * b;

$('#'+imp).val(c);
});

Posted 12-Nov-20 19:20pm

Member 14991728

Comments

Richard Deeming 13-Nov-20 4:41am

An unformatted, unexplained code-dump is not a solution to this already-solved question.

Solution 2

Check This.........

<pre>

$('input[name="txtQuantity"]').keyup(function() {
var a = $('input[name="txtPrice"]').val();
var b = $(this).val();
$('input[name="lblPrice"]').val(a * b);
});

Posted 4-Sep-13 3:43am

Rakesh Meel

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)

Shobhana.n · Accepted Answer · 2013-09-04T03:27:00

Yes,variable are case sensitive...

$(function () {
$("[id*=txtQuantity]").keyup(function () {
debugger;
var price = parseFloat($("[id*=txtPrice]").val());
var Qnt = parseFloat($("[id*=txtQuantity]").val());
var total = parseFloat(price * Qnt);
$("[id*=lblPrice]").val(total);
});
});