0

貼り付けられたコードでは、3 値コードがチェックボックスのクリックの存在をチェックし、それに応じて結果を表示します。欠点は、ユーザーがボックスの 1 つをオフにすると、チェックされた div が非表示になることです。ボックスがチェックされていない場合にのみ、チェックされた div を非表示にする必要があります。

これに対応するようにコードを調整できますか、それとも if ステートメントを使用して書き直す必要がありますか? ありがとう

$(function() {
    $('input[id^=check]').on('click', function() {
        var checked = '';

        $('input:checkbox:checked').each(function (i) {
            checked += this.value + ',';     
        });

        $('.checked').show().html('Checkbox is checked: <strong>' + ($(this).is(':checked') ? checked : $(".checked").hide()) + '</strong>');
    });
});
4

1 に答える 1

3

最も簡単な方法は、基本的なレイアウトとロジックを維持しながら、

$(this).is(':checked')

に

checked.length > 0

したがって、実際にチェック文字列に値を追加した場合にのみ、div を非表示にします。

于 2012-11-23T09:48:59.730 に答える