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 に答える