jquery - javascriptの条件が機能しない場合

Question

私はJSにこのコードを持っています：

if($('.log input:checked')) 
    {
        alert('login checked');
        alert('do what you want');
    }
    else 
    {
    alert('login not checked');
        alert('you can not do what you want');
}

しかし、それは正しく機能していません。IF ELSE条件は間違っていますか？

score 5 · Accepted Answer

if( $('.log input').is(':checked') ) { // true/false

.is（）をjQueryの方法で使用でき（説明的です）、一致した要素に対してブール値を返します。ただし、JS.lengthプロパティを使用することもできます。

さらに良い解決策（@macekによって親切に提案されました）

if( $('.log input').prop('checked') ) { // true/false

score 0 · Accepted Answer

この小さなプラグインを試してください：

プラグイン：

(function($) {

    $.fn.eachChequed = function(fnc, fnnc) {

        var
            ck = $(this).filter('[type="checkbox"], [type="radio"]'),
            isFnc = $.isFunction(fnc),
            isFnnc = $.isFunction(fnnc);

        function callFnc(el) {
            if (isFnc) {
                return fnc.call(el);
            }
            return true
        }

        function callFnnc(el) {
            if (isFnnc) {
                return fnnc.call(el);
            }
            return true;
        }

        ck.each(function(i, el) {
            try {
                var r = $(el).is(':checked') ? callFnc(el) : callFnnc(el);
                return r;
            } catch (e) {}
        });
    };

})(jQuery);

走る：

$('input').eachChequed(function(){

    console.log('checked', $(this));

},function(){

    console.log('no checked', $(this));

});

テスト：リンク

score 0 · Accepted Answer

:checkedラジオボタンがチェックされているかどうかをテストする方法としては、を使用することをお勧めしますが、長さがあるかどうかを簡単にチェックすることもできます$('.log input:checked')。

if($('.log input:checked').length) {
    alert('login checked');
} else {
    alert('login not checked');
}

lengthこれは、チェックされた要素の数（TRUEを示す）またはFALSEを示す0（ゼロ）のいずれかを返すため、if条件とは完全に異なります。

あなたの例では、ラジオボタンがチェックされているかどうかに関係なく、if($('.log input:checked'))常にFALSE以外の結果が表示され、メッセージが表示されます。login checked

score 0 · Accepted Answer

あなたは実際に.prop()これに使用する必要があります。値を返しtrue|falseます。

if ( $('.log input').prop('checked') ) { ...

http://api.jquery.com/prop/

jquery - javascriptの条件が機能しない場合

4 に答える 4

Related