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

Question

我正在使用 prettyCheckable jquery 插件来使我的复选框和单选按钮看起来很漂亮，如果我使用 jquery 设置属性检查它不起作用，因为插件隐藏了实际的复选框并使其成为自己的覆盖 HTML 来美化复选框/收音机，因此当我检查收音机或复选框时 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; });
    }
});

从（即 .next() 到 prettyCheckable 元素）中添加或删除“checked”类并在原始复选框元素中设置 checked=true 都需要它才能工作。然而，我的 if cookie is set 只能选中 ' 类的框。就像我说的那样，我不知道这是多么糟糕的黑客攻击，但它对我有用，希望它可以帮助你。不知道为什么 prettyCheckable 没有这种能力或至少记录它，因为我找不到任何东西。

Answer 2

您可以使用非常可检查的功能：

$('[name="rdTypeAdd"][value="+"]').prettyCheckable('check');

和

$('[name="rdTypeAdd"][value="+"]').prettyCheckable('uncheck');

Answer 3

这个答案建立在@kravits88 和这个github issue

var $radio = $('[name="rdTypeAdd"][value="+"]');
$radio.prettyCheckable('check');
$radio.prop('checked', true).change();
$radio.click();

Answer 4

这似乎对我有用。本质上，您必须在您的复选框周围找到由 prettyCheckable 创建的标签父级，并设置它以及输入：

$("#element").prop("checked", true).parent().find("a:first").addClass("checked");

Answer 5

将“checked”属性设置为任何内容都应该如here 所示工作。

$('#rdTypeAdd').attr("checked","checked");