JQuery - скрытие флажка и текста

Question

Я пытаюсь скрыть элемент управления asp: CheckBox в зависимости от того, видна ли на экране определенная ссылка. Флажок имеет текстовый атрибут = "привет". Я пытаюсь сделать это в JQuery.

В настоящее время у меня есть следующее:

$(document).ready(function(){

    hideCheckboxButtonIfLinkExists();

    }  );   

    function hideCheckboxButtonIfLinkExists() {

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

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

    }  

Когда я открываю страницу, если ссылка не видна, флажок не отображается, однако текстовый атрибут флажка «привет» виден.

Как мне это тоже скрыть?

Заранее спасибо за помощь.

Answer 1

Вы можете показать / скрыть ярлык так:

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

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

Я предполагаю, что вы используете ASP.NET, поэтому приведенный выше код должен это сделать. Если ваш флажок вложен в метку, вы можете просто показать / скрыть метку.

Answer 2

Оберните флажок и его текст в элемент и вместо этого покажите / скройте его.Элемент label, вероятно, является лучшим выбором, поскольку он имеет другие преимущества:

<label id="clientid-label"><input type="checkbox"> Hello</label>