jquery 无法以编程方式设置 PrettyCheckable 插件单选按钮

Question

我正在使用 PrettyCheckable jquery 插件来使我的复选框和单选按钮看起来很漂亮，如果我使用 jquery 设置选中的属性，它不起作用，因为该插件隐藏了实际的复选框并使其自己覆盖 HTML 来美化复选框/ radio ，因此当我选中 radio 或复选框时，jquery 无法识别

//单击按钮时我尝试了所有操作，但没有任何效果。请帮忙

<input type="radio" id="rdTypeAdd" name="taxationtype" class="radiobutton" value="+" data-     label="Additive" data-customclass="margin-right" checked="checked" />    
<input type="radio" id="rdTypeSub" name="taxationtype" class="radiobutton" value="-" data-label="Subtractive" data-customclass="margin-right" />


    $('#rdTypeAdd').buttonset();
    $('[name="rdTypeAdd"][value="+"]').prop("checked", true);
    $('#rdTypeAdd').buttonset("refresh");

    //$('[name="rdTypeAdd"][value="+"]').attr("checked", true);
    //$('[name="rdTypeAdd"][value="+"]').prop("checked", true).trigger("change");

    //($('.rdTypeAdd').prop('checked',true));

Answer 1

不知道这有多大的黑客攻击，但我能够得到一个 div 来检查和取消选中 PrettyCheckable 复选框。我注意到，当我从 PrettyCheckable 中删除 class="checked"时，该复选框变得未被选中。

$("#checkbox").prettyCheckable();
    $("#checkboxDiv").click(function() {
    if ($("#checkbox").is(':checked'))
    {
        $("#checkbox").next().removeClass("checked");
        $('#checkbox').each(function(){ this.checked = false; });
    } else {
        $("#checkbox").next().addClass("checked");
        $('#checkbox').each(function(){ this.checked = true; });
    }
});

从(即 PrettyCheckable 元素的 .next() )中添加或删除“checked”类以及在原始复选框元素中设置checked=true 都需要它才能工作。然而，我的 if cookie is setpiece 能够仅使用 's 类来选中该框。就像我说的，我不知道这有多糟糕，但它对我有用，希望它能帮助你。不知道为什么 PrettyCheckable 没有这种能力，或者至少记录它，因为我找不到任何东西。