隐藏复选框，如果文本框有文字，jQuery的 [英] hide checkbox if textbox has text, jquery

问题描述

在文档载入我试图隐藏的CSS只有一个文本框具有文本的复选框。相反，所有的复选框都被隐藏，即使文本框为空。任何帮助，请

  $（文件）。就绪（函数（）{
            // if语句来禁用填充复选框，如果有日期已经填好
            如果（$（＃＆LT;％= FinishDateSrvcTXT.ClientID％GT;）文本=！）{
                $（＃＆LT;％= FinishFillCHK.ClientID％GT;）。CSS（'显示器'，'无'）;
            }            如果（$（＃＆LT;％= startdateSrvcTXT.ClientID％GT;）文本=！）{
                $（＃＆LT;％= StartFillCHK.ClientID％GT;）。CSS（'显示器'，'无'）;
            }            如果（$（＃＆LT;％= FinishDateBodyShopTXT.ClientID％GT;）文本=！）{
                $（＃＆LT;％= FillFinishBodyShopCHK.ClientID％GT;）。CSS（'显示器'，'无'）;
            }
            如果（$（＃＆LT;％= StartDateBodyShopTXT.ClientID％GT;）文本=！）{
                $（＃＆LT;％= FillStartBodyCHK.ClientID％GT;）。CSS（'显示器'，'无'）;
            }
            如果（$（＃＆LT;％= CompleteDatedetailTXT.ClientID％GT;）文本=！）{
                $（＃＆LT;％= CompleteFilldetailCHK.ClientID％GT;）。CSS（'显示器'，'无'）;
            }            如果（$（＃＆LT;％= startdatedetailtxt.ClientID％GT;）文本=！）{
                $（＃＆LT;％= startdatedetailCHK.ClientID％GT;）。CSS（'显示器'，'无'）;
}）;
 

解决方案

更改如果语句使用 VAL（）。

  $（＃＆LT;％= FinishDateSrvcTXT.ClientID％GT;）。VAL（）长度GT。 0）{
   $（＃＆LT;％= FinishFillCHK.ClientID％GT;）。CSS（'显示器'，'无'）;
}
 

When the document loads I am trying to css hide a check box only if a textbox has text. Instead all the check boxes are being hidden, even if the text boxes are empty. Any help please

    $(document).ready(function () {


            //if statements to disable the fill checkboxes if there are dates already filled
            if ($("#<%=FinishDateSrvcTXT.ClientID%>").text != "") {
                $("#<%=FinishFillCHK.ClientID%>").css('display', 'none');
            }

            if ($("#<%=startdateSrvcTXT.ClientID%>").text != "") {
                $("#<%=StartFillCHK.ClientID%>").css('display', 'none');
            }

            if ($("#<%=FinishDateBodyShopTXT.ClientID%>").text != "") {
                $("#<%=FillFinishBodyShopCHK.ClientID%>").css('display', 'none');
            }
            if ($("#<%=StartDateBodyShopTXT.ClientID%>").text != "") {
                $("#<%=FillStartBodyCHK.ClientID%>").css('display', 'none');
            }
            if ($("#<%=CompleteDatedetailTXT.ClientID%>").text != "") {
                $("#<%=CompleteFilldetailCHK.ClientID%>").css('display', 'none');
            }

            if ($("#<%=startdatedetailtxt.ClientID%>").text != "") {
                $("#<%=startdatedetailCHK.ClientID%>").css('display', 'none');
});

解决方案

Change your if statements to use val().

$("#<%=FinishDateSrvcTXT.ClientID%>").val().length > 0){
   $("#<%=FinishFillCHK.ClientID%>").css('display', 'none');
}

这篇关于隐藏复选框，如果文本框有文字，jQuery的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！