Question

我有一个简单的功能，我需要重复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个文本框，而不是将它们添加到同一个代码元素中？

Answer 1

$("#LeaveHoursTextBox,#otherTextBox,#thirdTextBox")...

Answer 2

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

$（'。textBoxes'）

返回 - ＆gt; [textbox1，textbox2，textbox4]

如何为多个文本框重复JQuery函数？

2 个答案: