Question

更新了我正在努力实现的代码示例。 featuresToggle甚至会触发复选框点击事件，然后应该在#features-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');
}

Answer 1

我猜你正试图这样做：

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

FIDDLE

Answer 2

首先，您使用的是JQuery而不是普通的javascript。因此，在您的JSFiddle中，您必须从下拉列表中选择一个JQuery库。你还必须关闭一些无效的引号，但即使这样它也无法工作。

这是我为你做的一个小提琴：http://jsfiddle.net/MathiasaurusRex/gLBmX/21/

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

每当点击#feature-toggle切换＃featured-icon上的“active”类时。

希望对你有所帮助！

单击链接时切换跨度上的类

2 个答案: