jQueryでチェックボックスの値を取得する方法

Question

＃786142 このソリューションを編集してtextareaタグを（同じid属性を持つ）他のブロックレベルの要素に変更すると、機能しなくなります。私の場合、私は、ユーザーが心を変えて同じチェックボックスをオフにすると、Ajaxコール（チェックボックスをクリック）によって返されたPHPのgd回転イメージを削除しようとしています。私はval（）がhtmlデータを追加する関数ではないことを認識していますが、この関数をulリストで動作させる方法を見つける必要があります。私はイメージそのものに対処する方法を考え出します。皆さんが持っている可能性のあるすべての答えを評価してください。

ここには動作するものがあります。 （例を参照）

function updateTextArea() {   
    var allVals = []; 
    $('#c_b :checked').each(function() { 
     allVals.push($(this).val()); 
    }); 
    $('#t').val(allVals) 
} 
$(function() { 
    $('#c_b input').click(updateTextArea); 
    updateTextArea(); 
}); 

IDが変更された場合、上記の作業を続ける方法について、別の質問がありました。さて、このソリューションは、updateTextArea関数をクラスを使用する一般的なものにマッピングし、ライブ関数を使用してそれらの変更をDOMで監視することになっています。申し訳ありませんが、私は現時点でこの例を書いているのではありません。

Answer 1

私はあなたの質問を理解していただきたいと思います。
ですから、このようなULリストがある場合：あなたは、このようにコードを変更する可能性よりも、

<ul id="test_ul"><li></li></ul> 

を、あなたはこれを更新したいと思い、代わりにtextarea要素の：

function updateUlLi(ul_id) { 
    var allVals = []; 
    $('input:checkbox:checked').each(function() { 
     allVals.push($(this).val()); 
    }); 
    $('#'+ul_id).html('<li>'+allVals+'</li>'); 
} 

$(function() { 
    updateUlLi('test_ul'); 
    $('#c_b input').click(function(){ 
     updateUlLi('test_ul'); 
    }); 
}); 

"id-given"要素にあるものだけでなく、チェックされたチェックボックス（！）もすべてサイト上に集めます。 もう1つの変更：ulのidを関数に渡します。 希望に役立ちます。