javascript - ボタンを使用して、チェックされたすべてのチェックボックスのタイトルをdivで検索して表示します

Question

多くのチェックボックスを備えた巨大なフォームがあります。特定の領域で、チェックされたチェックボックスの値から発生する合計金額を表示しています。チェックしたチェックボックスのすべてのタイトルまたは alt を、合計金額の下の特定の領域 (div) に表示したいと考えています。できればJQueryを使用してください。

[解決済み]これは私が期待したものです..最終的に解決しました:

$("input[type='checkbox']:checked").each(function(){
var checkAltValue = $(this).attr("value");
$('div#WHATEVER_DIV_ID').append(checkAltValue)
});

以下のより良い代替手段も見つけることができます。フィドルの例をありがとう..

Answer 1

以下のコードをボタン クリック ハンドラーに追加して、すべてのチェック ボックスの値を取得します。

$("input[type='checkbox']:checked").each(function(){
    var checkAltValue = $(this).prop("alt");
    //other code here
});

Answer 2

ここに役立つはずの実用的なフィドルがあります

そしてここにコードがあります -

$(function(){
   $('#test').click(function(){ //#test being the id of the button you want to click

      var allTitles = $(':checkbox:checked').map(function(){ 
         return this.alt 
      }).get().join();

   $('#myDiv').html(allTitles);
});