5

選択されているチェックボックスを取得する最も簡単な方法を見つけようとしています。

これが私のスクリプトです：

$(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：

   <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" />

この行についてはよくわかりません。if ($("#cbSolid", "#cbOutline").is(':checked') == true)または、それを機能させるために使用bindする必要があります。

4

4 に答える 4

9

これが私が作成した例で、あなたが達成しようとしていることを示しています。

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

http://jsfiddle.net/qdvng/

それが役に立ったら教えてください。基本的には、「：checked」jQueryセレクターを使用して、チェックされているチェックボックスを取得し、それらの値を反復処理して出力します。

于 2012-04-23T17:35:09.483 に答える
4

次のように：checkedセレクターを使用して、指定した名前のすべてのチェックボックスを取得できます。

$("input[name='chkTextEffects']:checked")
于 2012-04-23T17:31:40.600 に答える
1

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/

于 2012-04-23T17:37:02.867 に答える
0

なぜこれをしないのですか？

$("#checkboxId").attr("checked") == "checked";
于 2012-04-23T17:31:39.570 に答える