0

我有两个单选按钮，并希望向单选按钮添加一个单击事件，这样当有人单击一个单选按钮时，它会调用一个动作来呈现部分视图，这是我的单选按钮：

<p>
<input id="SelectedInterestRate" type="radio" value="1" name="SelectedInterestRate"     data-val-number="The field must be a number." data-val="true">
<input id="Term" type="hidden" value="12" name="Term">
<input id="InterestRate" type="hidden" value="12.5" name="InterestRate">
<label for="SelectedInterestRate">Finance Test (12.5% APR - 12 Months)</label>
<input id="SelectedInterestRate" type="radio" value="2" name="SelectedInterestRate">
<input id="Term" type="hidden" value="12" name="Term">
<input id="InterestRate" type="hidden" value="18.25" name="InterestRate">
<label for="SelectedInterestRate">Direct finance (18.25% APR - 12 Months)</label>
</p>

我的 Javascript 看起来像这样（我知道这是错误的）

$('[name="SelectedInterestRate"]').change(function() {
        alert("interesting here .......");
         var repayblein = $(this).closest("div.divFinanceDetails").find("input Term").val();
    $.ajax({
        type: "POST",
        url: "FinancePayment/SelectedRepaymentMethod",
        data: {
            InterestRate: $(this).closest("div.divFinanceDetails").find("input InterestRate").val(),
            RepayableIn: repayblein
        },
        success: function (partialView) {
            $("FinanceDetailsPlan").html(partialView);
        }
    });
    });

有人有建议吗？

4

2 回答 2

0

答案是：

$(':input[name="SelectedInterestRate"]').change(function() {
    alert("interesting here .......");
     var repayblein = $(this).closest("div.divFinanceDetails").find("input Term").val();
$.ajax({
    type: "POST",
    url: "FinancePayment/SelectedRepaymentMethod",
    data: {
        InterestRate: $(this).closest("div.divFinanceDetails").find("input InterestRate").val(),
        RepayableIn: repayblein
    },
    success: function (partialView) {
        $("FinanceDetailsPlan").html(partialView);
    }
});
});
于 2013-03-06T10:52:50.953 回答
0

您的选择器存在一些问题。按 ID 选择时，您必须在选择器前面加上#. 此外，您的某些元素具有重复的 ID，这不是一个好的做法，而且众所周知，选择非常困难。

还有，什么是div.divFinanceDetails？它甚至不在您发布的代码中

考虑到这些要点，试试这个：

$('[name="SelectedInterestRate"]').change(function() {
    alert("interesting here .......");
    var repayblein = $(this).closest("div.divFinanceDetails").find("input[name='Term']").val();
$.ajax({
    type: "POST",
    url: "FinancePayment/SelectedRepaymentMethod",
    data: {
        InterestRate: $(this).closest("div.divFinanceDetails").find("input[name='InterestRate']").val(),
        RepayableIn: repayblein
    },
    success: function (partialView) {
        $("#FinanceDetailsPlan").html(partialView);
    }
});
});
于 2013-03-06T09:33:52.997 回答