チェックボックスにチェックした内容を別の場所にも表示する - かちびと.net

Result jQuery var $c = $('input[type="checkbox"]'); $c.bind('change', function(){ var add = ''; $c.each(function(index, value) { if (this.checked){ //チェックと同時にlabelのfor属性の値をテキストとして表示する add += ($('label[for="' + this.name + '"]').html() + ', '); } }); if (add.length > 0) { //1個以上あるときは表示する add = 'チェックしたアイテム: ' + add.substring(0, add.length - 2) + '.'; } else { add = 'まだチェックされてません'; } //id="show"内に挿入