jqueryを使用して複数のチェックボックスを選択する

Question

私は選択されたチェックボックスを取得する最も簡単な方法を見つけようとしています。私はこのラインif ($("#cbSolid", "#cbOutline").is(':checked') == true)についてはよく分からないか、私はそれが働いて得るためにbindを使用する必要があります

<input type="checkbox" name="chkTextEffects" id="cbSolid" value="Solid" />Solid 
    <input type="checkbox" name="chkTextEffects" id="cbOutline" value="Outline" />Outline 
    <input id="TextEffectsSelection" type="hidden" /> 

：

$(document).ready(function() { 
    $("input[name='chkTextEffects']").change(function() { 
     if ($("#cbSolid").is(':checked') == true) { 
      alert('Solid'); 
     } else if ($("#cbOutline").is(':checked') == true) { 
      alert('Outline'); 
     } else if ($("#cbSolid", "#cbOutline").is(':checked') == true) { 
      alert('SolidOutline'); 
     } else if ($("#cbSolid", "#cbOutline").is(':checked') == false) { 
      alert('No Effects'); 
     } 
    }); 
});​ 

HTML：

は、ここに私のスクリプトです。

Answer 1

は、私はそれが何を示して作成した例であるが私はあなたが達成しようとしていると思います：

$('#getCheckboxesButton').live('click', function(event) { 
    var checkboxValues = []; 
    $('input[type="checkbox"]:checked').each(function(index, elem) { 
     checkboxValues.push($(elem).val()); 
    }); 
    alert(checkboxValues.join(', ')); 
}); 

それが役立つかどうか教えてください。

基本的に '：checked' jQueryセレクタを使用して、チェックされたチェックボックスを取得し、その値を反復して出力します。あなたのデモに基づいて

Answer 2

なぜこれません。

$("#checkboxId").attr("checked") == "checked"; 

Answer 3

あなたはすべての指定された名前のチェックボックスをチェックし取得するには、このよう:checkedセレクタを使用することができます：ここで

$("input[name='chkTextEffects']:checked") 

Answer 4

jQueryの

$('input:checkbox:(:checked)').each(function() { 
// your code here 
}) 

http://api.jquery.com/checkbox-selector/

http://www.wiseguysonly.com/2010/01/15/select-and-unselect-all-checkboxes-with-jquery/