jquery - jQuery-隐藏复选框和文本

我试图根据是否在屏幕上可见某个链接来隐藏一个asp：CheckBox控件。该复选框具有text属性=“ hello”。我正在尝试在JQuery中执行此操作。

我目前有以下内容：

$(document).ready(function(){

    hideCheckboxButtonIfLinkExists();

    }  );

    function hideCheckboxButtonIfLinkExists() {

        var $myCheckBox = $('#<%= ckMyCheckBox.ClientID %>');
        var $myLink = $('#<%= lkMyLink.ClientID %>');

        if($myLink .is(':visible'))
        {
            $myCheckBox .show();
        }
        else
        {
            $myCheckBox .hide();
        }

    }

当我打开页面时，如果链接不可见，则复选框不可见，但是复选框文本属性“ hello”可见。

我怎么也可以藏起来？

在此先感谢您的帮助。

最佳答案

您可以像这样显示/隐藏标签：

var $myLabel = $myCheckBox.next('label');

if($myLink .is(':visible'))
    {
        $myCheckBox.show();
        $myLabel.show();
    }
    else
    {
        $myCheckBox.hide();
        $myLabel.hide();
    }
}

我假设您使用的是ASP.NET，因此上述代码应该可以实现。如果您的复选框嵌套在标签内，则可以只显示/隐藏标签。