Search jQuery

jQuery Forum

Problem with labels on checkboxes and trying to 'check all'?

in jQuery Mobile • 12 years ago

Hi - I'm having trouble when using a 'select all' checkbox in a form that includes a label. (ie <input id="test_field3" type="checkbox" name="test_field3" value="test_field3" /><label for="test_field3">Test field 3</label>)

The select all code work when there are no labels used (ie <input id="test_field" type="checkbox" name="test_field" value="test_field" />Test field 1)

and it also works when I don't include the jquery.mobile-1.0a3.min.js script.

I have posted an example here:

http://jsfiddle.net/JCCG5/3/

Has anyone experienced this problem or figured a way around it?

Thanks

James

Replies(5)

AntonioAl..

Re: Problem with labels on checkboxes and trying to 'check all'?

12 years ago

On jquerymobile the click event is triggered by the label not the checkbox. Also use the tap event instead of the click so it can be reproduced also in touch devices.

<input id="checkall2" type="checkbox" name="checkall2" value="0" />
<label for="checkall2" class="checkall">Select all</label>

$('#frm2 .checkall').tap(function(event) {
$('#frm2 input[type="checkbox"]').attr('checked', 'checked').checkboxradio( "refresh" );
});

I recommend you to use a debugger tool in your browser to see how jquerymobile enhances the components

Antonio Alonso
R & D Software Engineer
Embarcadero Technologies

ankittanna

Re: Re: Problem with labels on checkboxes and trying to 'check all'?

10 years ago

Hi Antonio,

Could you please post the example...? it would be really helpful... still hovering around the same problem... :(

Thanks...

Ankit.

ankittanna

Re: Problem with labels on checkboxes and trying to 'check all'?

10 years ago

Hi Antonio,

Please Look into this... similar problem...

http://jsfiddle.net/ankittanna/LqGMG/3/

I cannot do the select all with a click on label.... :(

Also, if the check box includes a label then there is a problem with selece all... :(

Thanks,

Ankit

cowwws

Re: Problem with labels on checkboxes and trying to 'check all'?

12 years ago

Brilliant, thanks Antonio.

ankittanna

Re: Problem with labels on checkboxes and trying to 'check all'?

10 years ago

I have had the same problem.... its soooo irritating and illogical.... when we use labels it does not allow to apply check all functionality and leave asige jQM $ codes, it doesnt even allow to manually do that stuff...

when I removed the label it then allowed to apply check all functionality.... but then the consistency of my application is removed.... :(

Top Reply

Response title

Attachments

jQuery Forum

Problem with labels on checkboxes and trying to 'check all'?

Replies(5)

Re: Problem with labels on checkboxes and trying to 'check all'?

Re: Re: Problem with labels on checkboxes and trying to 'check all'?

Re: Problem with labels on checkboxes and trying to 'check all'?

Re: Problem with labels on checkboxes and trying to 'check all'?

Re: Problem with labels on checkboxes and trying to 'check all'?

Statistics

Tags

Actions