<asp:textbox>からjavascript関数に値を渡す方法

Question

javascript関数を<asp:textbox>から呼び出しようとしています。私のjavascript関数は、2つの<asp:textbox>から値を加算し、加算して別の<asp:textbox>に渡す必要があります。

function getAmount() { 
    var total = $('#ItemRate').val() * $('#ItemQty').val(); 
    $('#ItemAmount').val(total); 
} 

を次のように私のjavascript関数である私の<textbox>が実行されている時に

<asp:TextBox runat="server" id="ItemRate" /> 
<asp:TextBox runat="server" id="ItemQty" onchange="javascript:getAmount()" /> 
<asp:TextBox runat="server" id="ItemAmount" /> 

を次のように、私のコンソールがNaNとして合計の値を示しています。この問題をどうやって解決するのですか？ val()へ

Answer 1

通常ASPがrunat="server"属性を持つ各要素のためのID属性を変更します。

他の属性を選択する必要があります。 class。

は、このコードを試してみてください。

function getAmount() { 
    var total = $('.ItemRate').val() * $('.ItemQty').val(); 
    $('#ItemAmount').val(total); 
} 

HTML：

<asp:TextBox runat="server" class="ItemRate" id="ItemRate" /> 
<asp:TextBox runat="server" class="ItemQty" id="ItemQty" onchange="javascript:getAmount()" /> 
<asp:TextBox runat="server" class="ItemAmount" id="ItemAmount" /> 

Answer 2

変更value()：

function getAmount() { 
    var total = $('#ItemRate').val() * $('#ItemQty').val(); 
    $('#ItemAmount').val(total); 
} 

Answer 3

コード以下のような浮動小数点の値を解析してみてください。

parseFloat("10"); 

ここで、両方の値を掛けて、あなたのIDをチェックしてください。

Answer 4

ここでは、完全なコード

Value1: <asp:TextBox ID="tbx1" runat="server"></asp:TextBox> 
Value2: <asp:TextBox ID="tbx2" runat="server"></asp:TextBox> 
<button onclick="Add()">Add</button><br /> 

Result:<asp:TextBox ID="tbx3" runat="server"></asp:TextBox> 

<script type="text/javascript"> 

    function Add() 
    { 

     var x = document.getElementById('<%= tbx1.ClientID %>').value; 
     var y = document.getElementById('<%= tbx2.ClientID %>').value; 
    document.getElementById('<%= tbx3.ClientID %>').value=parseInt(x)+parseInt(y); 
    } 
</script>