Question

好吧，所以我正在编写一个代码，根据三个文本框的值和radiobuttonlist中的选择来计算成本。该页面使用ASP.net控件。以下脚本在每个文本框的onBlur中运行，以便更新总计并在另一个texbox中显示：

function calcTotal(form) {
var total = 0;

var sellingthings = $(form).find('.payable');

var adultLunch = $(form).find('.adultLunch');
var lunch1 = $(adultLunch).val();
var childLunch = $(form).find('.childLunch');
var lunch2 = $(childLunch).val();
var semTix = $(form).find('.seminarTix');
var tix = $(semTix).val();
var reg= $(form).find('.registration input:checked');
var regCost = $(reg).val();
//alert(regCost);

total = (10*lunch1 + 5*lunch2 + 40*tix + regCost*1);
var output = $(form).find('.total');
$(output).val(total);
}

此代码适用于文本框以更新.total字段中的值。但是，相同的代码在radiobuttonlist上无法正常工作。它的代码在这里：

<asp:RadioButtonList ID = "RegType" runat = "server" name="regType" onclick="calcTotal(this.form)">
    <asp:ListItem Value="50">Family ($50)</asp:ListItem>
    <asp:ListItem Value="35">Individual ($35)</asp:ListItem>
    <asp:ListItem Value="10">Student ($10)</asp:ListItem>
</asp:RadioButtonList>

有谁知道为什么这可能或我如何解决它？谢谢！

Answer 1

我不确定onClick控件是否有RadioButtonList属性。

查看this tutorial，了解它是否有帮助。

Answer 2

我找到了解决方案。在Javascript中，我使用了以下代码：

$(document).ready(function () {
    $(".registration input").change(function () { calcTotal(document.forms[0]); });
});

当在任何点改变radiobutton输入时，它将运行计算代码。您无法将代码添加到radiobuttonlist，因此您必须以其他方式执行此操作。

运行Javascript以更改RadioButtonList上的值

2 个答案: