0

我有一个简单的功能，我需要为 3 个单独的控件重复 3 次。将相同的功能复制 3 次似乎很愚蠢，但我自己不知道该怎么做。

<script type="text/javascript">
$(document).ready(function () {
//        $("#LeaveHoursTextBox").blur(function () {
      $("input[type=text][id*=LeaveHoursTextBox]").blur(function () {
        alert("On Blur");
        var num1 = parseInt(document.getElementById("LeaveHoursTextBox").value);
        var num2 = parseInt(document.getElementById("LeaveHours2TextBox").value);
        var num3 = parseInt(document.getElementById("LeaveHours3TextBox").value);
        var TotalTime = num1 + num2 + num3;
        document.getElementById("HoursTextBox").value = TotalTime;
    })
});
</script>

离开第一个文本框时，上面的代码有效。我将如何将它们添加到同一个代码元素中，而不是复制和粘贴其他 2 个文本框？

4

2 回答 2

1 
$("#LeaveHoursTextBox,#otherTextBox,#thirdTextBox")...
于 2012-10-25T17:14:12.817 回答
0

你不能给他们一个共同的类名吗？这似乎是更清洁的解决方案。

$('.textBoxes')

返回 -> [textbox1, textbox2, textbox4]

于 2012-10-25T17:21:13.110 回答