如何以编程方式设置jquery用户界面切换?

尝试使用.toggle(),如下所示:

$("#myButton").toggle(
    function() {
        $("#mySlider").slider("value", 42);
    },
    function() {
        // something else...
    }
);

因为您提供了正确的选择器,所以它也适用于按钮集。例如:

<input id="myButton" ...>
<input id="myButton" ...>
<input id="myButton" ...>

$('#myButton').toggle() 将针对上述每个元素执行。此外,如果需要从函数本身与按钮交互,请使用 this 或 $(this) . 例如:

$("#myButton").toggle(
    function() {
        alert($(this).attr('id'));
    },
    function() {
        alert($(this).attr('name'));
    }
);

花了一段时间,但最后我找到了解决这个问题的方法。:)这是我的解决方案:

var $toggle = $("#" + attributeName);

$toggle.attr("checked", !$toggle.attr("checked")).button("refresh");

当jquery ui切换通过“checked”获得它们的初始值时,我决定将其用于我的优势。refresh”确保其视觉状态也得到更新。