jQuery禁用一个元素用于关闭一个函数？

Question

例如，使用复选框可以使用相同的“禁用”关闭功能吗？还有吗？

Answer 1

如果我已经理解了你要求的内容，你可以为一个函数分配和删除一个点击处理程序，或者类似的东西：

<script type="text/javascript">

    function toggleStatus() {
        if ($('#toggle').is(':checked')) {
            $('#alert').click(function() {
                hello();
            });

            $("#toggleLabel").text("on");

        } else {
            $("#toggleLabel").text("off");
            $('#alert').unbind('click');
        }   
    }

    function hello() {
        alert('hello');
    }

</script>

<form id="toggleForm">
    <label id="toggleLabel" for="toggle">off</label>
    <input type="checkbox" id="toggle" name="toggle" onchange="toggleStatus()" />
</form>

<a id="alert" href="#">Function</a>

-

更新

嗯，不确定这是否理想，但这应该模仿你想要的东西：

<script type="text/javascript">

    function toggleStatus() {
        if ($('#toggle').is(':checked')) {
            $("#toggleLabel").text("on");
            $("#alert").tipTip();
            $("#tiptip_holder").css('display', '');
        } else {
            $("#tiptip_holder").css('display', 'none !important');
            $("#toggleLabel").text("off");
        }   
    }

</script>

<form id="toggleForm">
    <label id="toggleLabel" for="toggle">off</label>
    <input type="checkbox" id="toggle" name="toggle" onchange="toggleStatus()" />
</form>

<a id="alert" href="#" title="This is a tooltip">Tooltip</a>

我试着调查取消绑定等，但似乎没有任何效果。