javascript - 入力内のテキストに文字を追加しようとしています

Question

disabled 属性を使用して無効になっているテキスト入力がありますが、特定のクラスをクリックすると入力が追加されます。

クラス I (.I) をクリックすると、入力内の既存のテキスト (存在する場合) に文字 I を追加します。

クラス O (.O) をクリックすると、入力内の既存のテキスト (存在する場合) に文字 O を追加します。

ただし、クラスをクリックしても何も起こっていないようです。

これが私のコードです：

    $('.I').click(function(){
        $('#code').text($('#code').text()+"I");
    });
    $('.O').click(function(){
        $('#code').text($('#code').text()+"O");
    });

これは、問題を再現する JSFiddel です: http://jsfiddle.net/q3xBY/

Answer 1

入力要素の値を取得および設定するには、.val()代わりに を使用する必要があり.text()ます。

$('.I').click(function(){
    $('#code').val($('#code').val()+"I");
});
$('.O').click(function(){
    $('#code').val($('#code').val()+"O");
});