How to hide the text of check box which is in itemtemplate in javascript or css

Question

0.00/5 (No votes)

See more:

Actually in my item template i am taking checkbox and linkbutton i am binding userid to both the controls so i want to hide the text of the checkbox.so that i can display checkbox and link button with userid

Posted 30-May-13 21:35pm

ntitish

Updated 31-May-13 0:44am

v3

Add a Solution

Comments

ntitish 31-May-13 4:14am

this is my cs code but it is not working

.hiddenText input[type="checkbox"] + label
{
display:none;
}

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 4:24am

Can you please post the rendered html of the CheckBox or whole GridView from browser View Source.

ntitish 31-May-13 5:27am

<asp:CheckBox ID="chk" Width="10px" runat="server" Text='<%# Eval("UserID") %>'
/>

ntitish 31-May-13 5:28am

Sir sorry for late reply....

ntitish 31-May-13 5:37am

sir the messages what u r sending to me is displaying lately..

ntitish 31-May-13 5:39am

sir r u there...

ntitish 31-May-13 5:40am

Dont be mistaken bec today is my last day to submit the task so i am very much hurry to complete the task..

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 6:07am

Hey hi... I was in a meeting, sorry...

This is the aspx mark up. I don't need that. I need the html generated when you open it in browser.

Right click on the page when you open it in browser and click on View Source option and find that check box html. I need that.

ntitish 31-May-13 6:21am

<input id="ctl00_ContentPlaceHolder1_rdPhysicianscmb_i0_chk" type="checkbox" name="ctl00$ContentPlaceHolder1$rdPhysicianscmb$i0$chk" /><label for="ctl00_ContentPlaceHolder1_rdPhysicianscmb_i0_chk">jwomacklt</label>

ntitish 31-May-13 6:23am

is that write sir, what i posted above.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 6:24am

Yes correct and now I am trying. Please wait.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 6:25am

So, you want to hide "jwomacklt" right ?
In javaScript or css ?

ntitish 31-May-13 6:28am

sir actually i copied only one check box data but there are so many i am binding user names to checkbox which is in radcombobox

ntitish 31-May-13 6:30am

I mean not only jwomackit i want to hide all labels of checkbox which are displaying in radcombobox is it posiible

ntitish 31-May-13 6:33am

any thing sir either javascript or css

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 6:36am

Yes you can. Wait.

ntitish 31-May-13 6:38am

sorry sir.....in my page it is not displaying message in time so thats why sorry again...

ntitish 31-May-13 6:36am

sir r u there.....

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 6:47am

Yes, I have done it. Let me post the answer.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 6:50am

Check my answer now.

ntitish 31-May-13 6:54am

sir not on click event sir on loading itself i dont want show the text of the checkbox

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2013-05-31T00:49:00

Solution 1

I have done the task for you using jQuery.

Take a look - [Demo] How to hide the text of asp.net check box in jQuery ?[^]

Posted 31-May-13 0:49am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

ntitish 31-May-13 6:52am

sir not on click event sir....while loading itself i dont want to show the text of the checkbox

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 6:55am

Ok. then just move the code inside button click to loading of the page.

like...

window.onload = function() {

$('input[type="checkbox"]').each(function(){
var selectedID = $(this).attr('id');
var value = $('label[for=' + selectedID + ']').text("");
});
};

ntitish 31-May-13 6:59am

sir i not understand sir...if u dont mind can u explain clearly ...

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 7:01am

Inside script tags, add the above code from window.onload to the last.

this function will be called when your page will be loaded.
And it wil then select all the labels for checkboxes and make it blank.

Have you ever worked on jQuery ?

ntitish 31-May-13 7:05am

no sir i am new to this jquery...

ntitish 31-May-13 7:06am

Microsoft JScript runtime error: Object doesn't support this property or method

ntitish 31-May-13 7:04am

but i am using that label text in another javascript it makes any problem

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 7:07am

Yes. It will. As I am making that blank, so there will be no text.

So, I should hide that for you, right ?

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 7:09am

Check that demo again. It is now hided.
So, you can get the labels anywhere in javaScript functions.

ntitish 31-May-13 7:23am

//error is comming sir when i open combobox

Microsoft JScript runtime error: Object doesn't support this property or method

//on the below event of radcombobox i called that javascript function sir

OnClientDropDownOpened="HideCheckBoxText"

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 8:43am

Hi Nitish,

I was away. Sorry.

First you said to do it on load, so I provided the code.

Anyway, if you want to do it in this event, then do like below...

OnClientDropDownOpened="HideCheckBoxText();"

ntitish 31-May-13 9:02am

sir actually the event is in radcombobox.

ntitish 31-May-13 9:06am

sir can i post code for my another event in the same radcombobox OnClientDropDownClosed this javascript function is for while closing i have to get all the text of the check box which are checked in radcombobox bellow is my code

function HandleClose(comboBox)
{
var selectedData = "";
var items = comboBox.get_items();
for (var i = 0; i < items.get_count(); i++)
{
var item = items.getItem(i);
var itemDiv = items.getItem(i).get_element();
var inputs = itemDiv.getElementsByTagName("input");
var inputsData = itemDiv.getElementsByTagName("label");
for (var inputIndex = 0; inputIndex < inputs.length; inputIndex++)
{
var input = inputs[inputIndex];
if (input.type == "checkbox")
{
if (input.checked == true)
selectedData = selectedData + inputsData[inputIndex].innerText+",";
}
}
}
comboBox.set_text(selectedData.substring(0, selectedData.length - 1));
}

ntitish 31-May-13 9:25am

Now i modified the below code into this sir but this also not working can u see the code

function HideCheckBoxText(comboBox)
{
var selectedData = "";
var items = comboBox.get_items();
for (var i = 0; i < items.get_count(); i++)
{
var item = items.getItem(i);
var itemDiv = items.getItem(i).get_element();
var inputs = itemDiv.getElementsByTagName("input");
var inputsData = itemDiv.getElementsByTagName("label");
for (var inputIndex = 0; inputIndex < inputs.length; inputIndex++)
{
var input = inputs[inputIndex];
if (input.type == "checkbox")
{
var selectedID = $(this).attr('id');
var value = $('label[for=' + selectedID + ']').css("display", "none");
}
}
}

}

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 9:33am

Have you added the jQuery file to your project ?
Otherwise jQuery will not work.

ntitish 31-May-13 9:39am

how to add jquery file to my project

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 9:49am

You can do it by downloading the file from here - http://jquery.com/download/.

Or directly put the below script inside head tag to include it from Goodle Library.

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Then try and one thing. You can check the errors in your javaScript code by checking the Console window of FireBug in Firefox.

ntitish 31-May-13 9:52am

cant u give this code in css...

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 9:54am

You can't do in css. I have done a research.

The easiest way to do is in jQuery. Please try to do. And if you will go on learning jQuery, you will find it very interesting. You can do miracles in jQuery.

ntitish 31-May-13 10:21am

sir i think the code what u give is not maching my criteria bec first thing on which event i have to write and second thing in the above code function HandleClose(comboBox) like that this should be also bec every check box label should be hide and that to i taken checkbox in radcombobox so i have to first find out the radcombobox.so how to do sir....i am so get tenced

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 31-May-13 23:42pm

I gave you the code to hide checkbox label. You should think where to put it. Please understand that I am not seeing your computer, so it is difficult for me to do everything.

Please try to put the code in appropriate event, so that it will work.

Otherwise upload your project somewhere in uploading sites like ge.tt.
And give me the link here. I will take a look at it on Monday, when I will be in office.

ntitish 1-Jun-13 4:31am

Sorry sir i will send u the link by posting my code in that site

ntitish 1-Jun-13 4:36am

sir i have to send full code of the designing and cs or designing is enough ....

ntitish 1-Jun-13 4:45am

http://ge.tt/3dSgHCi/v/0

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 1-Jun-13 10:22am

I will take a look at it on Monday at office.

Thanks...

ntitish 3-Jun-13 4:44am

sir did u saw my link....

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 3-Jun-13 6:26am

I looked at it, it's just a Text file and I have not worked with telerik controls yet.

I have given you the code how to do the task you need to do.

Please put that inside necessary event and try to modify it as per your requirement.

ntitish 3-Jun-13 6:43am

ok sir thanks for ur involvement....

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 3-Jun-13 6:52am

Hi Nitish,

Thanks a lot... Nice talking to you. Glad to know that you will try to do it. And I am a young like you.
So, please don't call me sir.

Please accept this answer, if it has helped you in any way.
This will help others to find the answer in one go and you will also be awarded with some points for this action...

Thanks,
Tadit

ntitish 31-May-13 9:41am

like below at the top of the page i added sir

<script type="text/javascript">
function HideCheckBoxText() {
$('input[type="checkbox"]').each(function () {
var selectedID = $(this).attr('id');
var value = $('label[for=' + selectedID + ']').css("display", "none");
});
}

function HandleClose(comboBox)
{
var selectedData = "";
var items = comboBox.get_items();
for (var i = 0; i < items.get_count(); i++)
{
var item = items.getItem(i);
var itemDiv = items.getItem(i).get_element();
var inputs = itemDiv.getElementsByTagName("input");
var inputsData = itemDiv.getElementsByTagName("label");
for (var inputIndex = 0; inputIndex < inputs.length; inputIndex++)
{
var input = inputs[inputIndex];
if (input.type == "checkbox")
{
if (input.checked == true)
selectedData = selectedData + inputsData[inputIndex].innerText+",";
}
}
}
comboBox.set_text(selectedData.substring(0, selectedData.length - 1));
}
</script>

ntitish 31-May-13 7:58am

sir r u there...