jquery - シンプルな jQuery フォーム デザイン。HTMLフォームの下にjQueryコードが必要です

Question

私はjQueryを初めて使用し、この単純なhtmlフォームを作業統計で作成する方法を知りません。私が必要とするのは、チェックボックスを選択すると、選択したオプションが横に表示されることです。リストから閉じるボタンをクリックすると、それぞれのチェックボックスがオフになります。要するに、リストからチェックボックスとそのオプションの両方を同期したいのです。

Answer 1

このようなもの：

$('.checkboxselector').click(function(){
    $('#boxholdingtheitemsontheright').append('<some html of your choosing>' + $(this).next().text() + '</close>');
});

Answer 2

クリック イベントを確認し、チェックボックス ID を使用して再生する必要があります。

$('input:checkbox').on('click',function(){})...

完全なデモはこちら: http://jsfiddle.net/XESxa/1/

クリエイティブに ;）