jquery - タブ操作時のフォームデータ選択ボックスの更新

Question

現在、送信前に次のコードを使用してフォームデータを更新しています。

    $('.countyx').change(function(){
            var d=$(this).val();
            $('.countyq').text(d);
        });

ユーザーがマウスで変更を選択した場合、これは正常に機能しますが、ユーザーが矢印キーを使用してチェックボックスをナビゲートすると、「変更」は登録されません。明らかに keyup ハンドラーは機能しますが、2 つのハンドラーを一度にきちんと軽量な方法で実装する方法はありますか?

score 1 · Accepted Answer

var fn_count = function() {$('.countyq').text($('.countyx').val());}
$('.countyx').change(fn_count).keyup(fn_count);

score 0 · Accepted Answer

例のようにスコープを維持するには:

$('.countyx').change(function() {
    $('.countyq').text($(this).val());
}).keyup(function () { $(this).change(); });

2 に答える 2