input checkbox's description click not worked on Mozilla and internet explorer 10

Question

3.00/5 (2 votes)

See more:

Hi Expert!

I have one checkbox that checked and unchecked on description click.

My code as par below

<input type="checkbox" id="chkId" />
<label for="chkId">Check</label>

It work fine with all browsers besides Mozilla (all version), when user click continue on checkbox's description (Mozilla) and on Internet Explorer 10, it work slowly, when user

clicked and unchecked. Why? This is very irritable.

Please give me solution that (checkbox) work properly on all browsers.

Please help me!

Any suggestion will be appreciated.

Thanks in advance!

Posted 8-Mar-13 0:04am

Pravesh Singh

Updated 8-Mar-13 6:40am

Richard C Bishop

v2

Add a Solution

Comments

ZurdoDev 8-Mar-13 7:20am

Where's the code?

Zoltán Zörgő 8-Mar-13 13:03pm

Is it bare html, or is there any javascript event handler attached?
Try it out as bare html also: just save these two lines in a test.html and see.
I have experienced that there is some slowness in Mozilla, but that was around 300ms - somewhat more than with Chrome, but acceptable.

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)

Sergey Alexandrovich Kryukov · Answer 1 · 2013-03-08T09:11:00

Here is the simple solution:

You should not use Label at all, because it is redundant; the check box has its own text. Do something like this:

XML

<input type="checkbox" id="chkId1" accesskey="A">This is option <u>A</u></input><br/>
<input type="checkbox" id="chkId2" accesskey="B">This is option <u>B</u></input>

This way, you will create accelerator keys for each control, according to underlined characters. Remember that in Mozilla, they are accessed via Alt+Shift+key, but on some other browsers via Alt+key.

As to the slow operation, this is not true. You could screw up your performance somewhere else; those controls themselves work just fine, and very fast.

—SA