hide checkbox if textbox has text, jquery

Question

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');
});

how do you define "text"? is this the value? the text after the input type checkbox? You use <input></input>? a label? — roselan
– roselan, Commented Jan 7, 2012 at 22:36

Dion · Accepted Answer · 2012-01-07 22:33:33Z

1

Hm, try

 function check() {
 if(document.getElementById('yourTextFieldId').text != null) {
 document.getElementById('yourCheckboxId').disabled = true;
 }
 else {
 document.getElementById('yourCheckboxId').disabled = false;
 }
 }

answered Jan 7, 2012 at 22:33

Dion

3,34525 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

roselan · Accepted Answer · 2012-01-07 22:39:05Z

1

you can use something like this:

$('input:checkbox').each(function () {
    if (!this.value || !$(this).text() ) $(this).hide();
});

here it will hide each checkbox as soon as there is no value or no text.

answered Jan 7, 2012 at 22:39

roselan

3,7651 gold badge23 silver badges20 bronze badges

Comments

keyboardP · Accepted Answer · 2012-01-07 22:37:10Z

0

Change your if statements to use val().

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

edited Jan 7, 2012 at 22:37

answered Jan 7, 2012 at 22:30

keyboardP

69.5k13 gold badges162 silver badges209 bronze badges

1 Comment

keyboardP Over a year ago

Noticed it just before you commented :D. Essentially, you use val() to get the value in the textbox instead of text.

Collectives™ on Stack Overflow

hide checkbox if textbox has text, jquery

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related