how to hide checkbox and checkbox text using javascript in web forms

Question

I am working on web forms and writing a piece of javascript to hide checkbox and its text but only checkbox is getting hidden Text is still showing the way it was showing earlier.

Here is my view code

<table style="width: 60%">
     <tr>
        <td class="td_150px">
            <asp:CheckBox ID="chkEnddate" runat="server" CssClass="label" Text="End On"
                              onclick="EndSchedule();" TextAlign="Left"/>
         </td>

    </tr>
</table>

So here is my javascript code on click of a radio button i am using below code to hide the checkbox and text but only checkbox is hidden not text.

 var chkEnddate= document.getElementById("ctl00_ContentPlaceHolder1_chkEnddate");
    chkEnddate.style.display = "none";

Can anybody help me to hide checkbox and it's text at the same time using javascript. Thanks in advance.

Can you show html generated of your checkbox ? where is text ? — Swati
– Swati, Commented May 19, 2021 at 6:37

Deepu Reghunath · Accepted Answer · 2021-05-19 07:17:25Z

2

place the checkbox in the div element and try to hide that div element

<td class="td_150px">
 <div id="chkEnddateBox">
   <asp:CheckBox ID="chkEnddate" runat="server" CssClass="label" Text="End On"
   onclick="EndSchedule();" TextAlign="Left" />
 </div>
</td>

and in the javascript

var chkEnddate= document.getElementById("chkEnddateBox");
chkEnddate.style.display = "none";

edited May 19, 2021 at 7:17

answered May 19, 2021 at 6:39

Deepu Reghunath

10.1k2 gold badges42 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

how to hide checkbox and checkbox text using javascript in web forms

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related