将“启用的文本框”中的值相乘在 ASP.Net 中使用 JavaScript

Question

我有五个文本框，例如文本框的 ID 如下：

     1. txtD1
     2. txtD2
     3. txtD3
     4. txtQuantity
     5. txtTotal

这里，文本框 txtD1、txtD2 和 txtD3 根据数据库中的值启用或禁用。在前端，我们不知道哪些文本框将被启用或禁用。在 txtQuantity 中我想输入数字。现在我想将启用的 TextBox 值与 txtQuantity 相乘，并且想将该值显示到 txtTotal TextBox 中。如何做到这一点？同时我想将文本框作为函数的参数传递。因此，无论我们想要在哪里，它都会很有用。

Answer 1

function MultiplyValues(txtBox1,txtBox2,txtBox3,txtQuantity)
{
    var ReturnValue = 1;
    if (txtBox1.disabled==false && txtBox1.value.lenth>0)
        ReturnValue *= txtBox1.value;
    if (txtBox2.disabled==false && txtBox2.value.lenth>0)
        ReturnValue *= txtBox2.value;
    if (txtBox3.disabled==false && txtBox3.value.lenth>0)
        ReturnValue *= txtBox3.value;
    if (txtQuantity.value.length>0)
        ReturnValue *= txtQuantity.value;
    document.getElementById("txtTotal").value = (ReturnValue==1)?0:ReturnValue;
}

上述函数将能够根据文本框状态（启用或禁用）和 txtTotal 中的显示来计算值。您可以将此函数应用于按钮onclick。活动

@alex，感谢您告知，我错过了这个案例。 PFB，修改功能

function MultiplyValues(txtBox1,txtBox2,txtBox3,txtQuantity)
{
    var ReturnValue = 1;
    var isThere = 0;
    if (txtBox1.disabled==false && txtBox1.value.length>0) {
        ReturnValue *= txtBox1.value; isThere=1; }
    if (txtBox2.disabled==false && txtBox2.value.length>0) {
        ReturnValue *= txtBox2.value; isThere=1; }
    if (txtBox3.disabled==false && txtBox3.value.length>0) {
        ReturnValue *= txtBox3.value; isThere=1; }
    if (txtQuantity.value.length>0) {
        ReturnValue *= txtQuantity.value; isThere=1; }
    document.getElementById("txtTotal").value = (ReturnValue==1 && isThere==0)?0:ReturnValue;
}

Answer 2

你能使用 jQuery 吗？如果可以的话，使用 jQuery 检查哪些已启用，然后将它们全部加起来。我在 http://jsfiddle.net/2SfX3/ 有一个工作示例

如果你有这样的html：

<input type="text" class="factor" id="txtD1"/>
<input type="text" class="factor" id="txtD2" disabled="disabled"/>
<input type="text" class="factor" id="txtD3" disabled="disabled"/>
<input type="text" id="txtQuantity" />
<input type="text" id="txtTotal" />
<input type="button" id="compute" value="Compute" />

你可以实现您的 jQuery 如下：

$(document).ready(function() {
    $('#compute').click(function() {
        var total = 0;
        $.each($('.factor'), function(i, data) {
            if (!$(this).attr('disabled')) {
                total = total + parseInt($(this).val());
            }
        });   
 $('#txtTotal').val(parseInt($('#txtQuantity').val()) * total);
    });
});

此输出将是第一个文本框值 * 数量，因为 txtD1 是唯一启用的。

• 这是假设您正在处理整数。否则您可以使用 parseFloat 。

Answer 3

您可以使用JavaScript的onblur事件并调用JS方法来计算总计并将其分配给Total Textbox：

<asp:TextBox ID="txtQuantity" runat="server" onblur="javascript:update();"></asp:TextBox>

<script language="javascript" type="text/javascript">
     function update() {
         document.getElementById('<%= txtTotal.ClientID %>').value = 
         document.getElementById('<%= txtQuantity.ClientID %>').value *
         document.getElementById('<%= txtD1.ClientID %>').value;
     }

</script>

Answer 4

如果它们是文本区域，您可以使用它来查看它们是否已启用

var tags = document.getElementsByTagName('textarea');

var length = tags.length;

for (var i;i <length; i++){
   if (tags[i].disabled == false) {
     // now you can do something with this tag this enabled
     // example
     alert(tags[i].value);
   }
}