0

私が達成しようとしているもののコード例を更新しました。featuringToggle はチェックボックスのクリック イベントをトリガーし、#featured-icon で css クラスを切り替える必要がありますが、クラスは追加されません。

<a class='favorite-btn' onclick="featuredToggle()">
                <span id='featured-icon' class="glyphicon glyphicon-star"></span>
                <input id="featured-toggle" type="checkbox" data-bind="checked: featured"/>
            </a>

function featuredToggle() { 
   $("#featured-toggle").trigger('click');
   $("#featured-icon").toggleClass('featured');
}
4

2 に答える 2

0

私はあなたがこれをやろうとしていると推測しています:

$(".favorite-btn").click(function () {
    $("#featured-toggle").prop('checked', function(_,ckd) {return !ckd});
    $("#featured-icon").toggleClass('active');
});

フィドル

于 2013-11-07T21:22:32.513 に答える
0

まず、プレーンな JavaScript ではなく JQuery を使用しています。したがって、JSFiddle 内で、ドロップダウンから JQuery ライブラリを選択する必要があります。また、無効な引用符をいくつか閉じる必要がありますが、それでも機能しません。

これが私があなたのために作ったフィドルです：http://jsfiddle.net/MathiasaurusRex/gLBmX/21/

$(function() {  
    $("#featured-toggle").click(function() {  
        $("#featured-icon").toggleClass("active");  
    });  
});

#featured-toggle がクリックされるたびに、#featured-icon の「アクティブな」クラスを切り替えます。

うまくいけば、それはあなたを少し助けます!

于 2013-11-07T21:23:59.923 に答える