0

私は7つのテキストボックスを持っています。値 7 を追加し、合計を別のテキスト ボックスに挿入します。ポストバックなしでそれを達成するにはどうすればよいですか。パネルの更新も試みましたが、うまくいきません。私のコードは次のとおりです。この点に関する提案は非常に重要です

If Page.IsPostBack Then

        Dim A1 As Double
        A1 = A_SAtxt.Text
        Dim A2 As Double
        A2 = A_SStxt.Text
        Dim A3 As Double
        A3 = A_RAtxt.Text
        Dim A4 As Double
        A4 = A_CAtxt.Text
        Dim A5 As Double
        A5 = A_OItxt.Text
        Dim A6 As Double
        A6 = A_ICtxt.Text
        Dim A7 As Double
        A7 = A_Otxt.Text


        Dim ATotal = A1 + A2 + A3 + A4 + A5 + A6 + A7

終了条件

私はVBでasp.netで働いています。asp.netのテキストボックスコードは次のとおりです

                        <table width="100%">
                            <tr>
                                <td align="left" style="border:1px solid #cccccc; text-        align: right; background-color: #F0F0F0;" 
                                    valign="top" class="style7" width = "400px">
                                    <asp:Label ID="Label154" runat="server" Text="Savings account $"></asp:Label>
                                </td>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: left; background-color: #F0F0F0;" 
                                    valign="top">

                                    <asp:TextBox ID="A_SAtxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" MaxLength="25"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: right; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:Label ID="Label155" runat="server" Text="Stock and securities $"></asp:Label>
                                </td>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: left; background-color: #F0F0F0;" 
                                    valign="top">

                                    <asp:TextBox ID="A_SStxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" MaxLength="25"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: right; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:Label ID="Label156" runat="server" Text="Retirement accounts $"></asp:Label>
                                </td>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: left; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:TextBox ID="A_RAtxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" MaxLength="25"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: right; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:Label ID="Label157" runat="server" Text="Checking account $"></asp:Label>
                                </td>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: left; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:TextBox ID="A_CAtxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" MaxLength="25"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: right; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:Label ID="Label158" runat="server" Text="Other investments $"></asp:Label>
                                </td>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: left; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:TextBox ID="A_OItxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" MaxLength="25"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: right; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:Label ID="Label159" runat="server" Text="Insurace cash-in-value $"></asp:Label>
                                </td>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: left; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:TextBox ID="A_ICtxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" MaxLength="25"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: right; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:Label ID="Label160" runat="server" Text="Other $"></asp:Label>
                                </td>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: left; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:TextBox ID="A_Otxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" MaxLength="30"></asp:TextBox>
                                    <asp:Label ID="Label188" runat="server" Text="specify:" Font-Italic="true"></asp:Label>
                                    <asp:TextBox ID="A_OStxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" Width="250px" MaxLength="100"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: right; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:Label ID="Label161" runat="server" Text="Total assets $"></asp:Label>
                                </td>
                                <td align="center" class="style7" 
                                    style="border:1px solid #cccccc; text-align: left; background-color: #F0F0F0;" 
                                    valign="top">
                                    <asp:TextBox ID="A_TAtxt" runat="server" CssClass="DrpItems10" 
                                        style="text-align: left" MaxLength="25"></asp:TextBox>
                                </td>
                            </tr>
                        </table>
                         </ContentTemplate>
                                </asp:UpdatePanel>

私もこれをやってみましたが、うまくいかないようです

        Dim sb As New System.Text.StringBuilder()
        sb.Append("<script type = 'text/javascript'>")
        sb.Append(" $(document).ready(function() {")
        sb.Append(" var numberInput = $('#A_SAtxt, #A_SStxt, #A_RAtxt, #A_CAtxt,                 

                #A_OItxt, #A_ICtxt, #A_Otxt');")
        sb.Append("  numberInput.on('change', function() {")
        sb.Append(" var total = 0;")
        sb.Append("else{")
        sb.Append(" numberInput.each(function() {")
        sb.Append("  if ($(this).val() !== '') {")
        sb.Append("  total += parseFloat($(this).val());")
        sb.Append(" }")
        sb.Append(" });")
        sb.Append(" $('#A_TAtxt').val(total);")
        sb.Append("  });")
        sb.Append(" });​")

        sb.Append("}};</script>")
        ClientScript.RegisterClientScriptBlock(Me.GetType(), "function", sb.ToString())
4

1 に答える 1

0

jQuery または JavaScript を使用して、7 つの入力ボックスの合計を計算し、その値をクライアント側の別の入力に挿入できます。

ジャバスクリプト

var total = 0;

$('#A_SAtxt, #A_SStxt, #A_RAtxt, #A_CAtxt, #A_OItxt, #A_ICtxt, #A_Otxt').each(function() {
    if ($(this).val() !== '') {
        total += parseFloat($(this).val());
    }
});

$('#A_TAtxt').val(total);

デモ

このコードの実際の例を次に示します:
http://jsfiddle.net/AWGsw/2/

*編集1 *

ページの読み込み時にこの関数を呼び出し、入力ぼかしに値をすぐに追加するには、次の手順を実行します。

ジャバスクリプト

$(document).ready(function() {

    var numberInput = $('#A_SAtxt, #A_SStxt, #A_RAtxt, #A_CAtxt, #A_OItxt, #A_ICtxt, #A_Otxt');

    numberInput.on('change', function() {
        var total = 0;

        numberInput.each(function() {
            if ($(this).val() !== '') {
                total += parseFloat($(this).val());
            }
        });

        $('#A_TAtxt').val(total);
    });

});

デモ

http://jsfiddle.net/AWGsw/4/

于 2012-11-16T11:28:30.220 に答える