javascript - 无法让 jQuery 悬停与 if 语句一起使用

Question

我有一排自定义样式的单选按钮。悬停时，我希望出现一个排序图标(用 css 制作的两个箭头)。我已经让它与 jQuery 的 .hover 函数一起成功工作。但是，当我尝试添加一些逻辑以仅允许在未选中单选按钮时出现排序箭头时，悬停事件不起作用。显然if语句有问题；我怀疑这是语法问题，但我只是不确定如何修复它。

JS

// COLUMN HEADING ROLLOVER SORT BUTTONS //

    var wrap = "<div class='sortWrap'>";
    var sortUp = "<div class='sortIcon arrow-up'></div>";
    var sortDown = "<div class='sortIcon arrow-down'></div>";
    var combine = wrap + sortUp + sortDown + "</div>";

    $('input[type=radio]+label').hover(function() {
        var checked = $(this).attr('checked');
        if (checked == false) {
            $(this).append(combine);
        };  
        }, function() { 
            $(this).children('.sortWrap').remove();
    });

Answer 1

使用$(this).is(':checked')或this.checked。

.prop() vs .attr()

另一个问题是处理程序中的 this 是 label 元素，而不是复选框。您需要%(this).prev().is(':checked')。

DEMO