当前位置:  开发笔记 > 后端 > 正文

JQuery - 隐藏复选框和文本

如何解决《JQuery-隐藏复选框和文本》经验,为你挑选了1个好方法。

我正在尝试隐藏一个asp:CheckBox控件,具体取决于屏幕上是否显示某个链接.该复选框具有text attribute ="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"是可见的.

我怎么能隐藏这个呢?

在此先感谢您的帮助.



1> davehauser..:

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

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

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

我假设你正在使用ASP.NET,所以上面的代码应该这样做.如果您的复选框嵌套在标签中,那么您可以只显示/隐藏标签.

推荐阅读
贾志军
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有