Comments on: :checkbox Selector

By: AUX00

AUX00 — Fri, 28 Jan 2011 04:11:17 +0000

I have a checkbox that selects all checkboxes on the form. I can see the checkboxes as checked when I do this, but the onclick events next to the checkboxes do not fire??

By: rcarrier

rcarrier — Fri, 24 Dec 2010 02:35:04 +0000

qarluq, wrap your checkbox labels like this:
Sunday
Monday

// Use this code to get the values of all checked checkboxes
var attributes = [];
$('input:checkbox[name="attribute[]"]:checked').each(function(index) { attributes.push($(this).val());});

//Use this code to get text of all checked chexkboxes
var attributes_names = [];
$('input:checkbox[name="attribute[]"]:checked').each(function(index) { attributes_names.push($(this).next("label").text());});

//To set the text of the checkbox label

$("#_your_id_").next("label").text( "_your_new_text_here_" );

Example:

$("#1").next("label").text( "My favorite day!" );

Hope this helps. The reason you can not get the text next to your checkbox with your previous markup is that it is not part of the input element. It is a text node separate from it in the DOM. Wrapping it in a label tag makes it easy for us to access it with the .next("label") method.

By: rcarrier

rcarrier — Thu, 23 Dec 2010 18:35:04 +0000

qarluq, wrap your checkbox labels like this:
Sunday
Monday

// Use this code to get the values of all checked checkboxes
var attributes = [];
$('input:checkbox[name="attribute[]"]:checked').each(function(index) { attributes.push($(this).val());});

//Use this code to get text of all checked chexkboxes
var attribute_names = [];
$('input:checkbox[name="attribute[]"]:checked').each(function(index) { attributes_names.push($(this).next("label").text());});

//To set the text of the checkbox label

$("#_your_id_").next("label").text( "_your_new_text_here_" );

Example:

$("#1").next("label").text( "My favorite day!" );

Hope this helps. The reason you can not get the text next to your checkbox with your previous markup is that it is not part of the input element. It is text node separate from it in the DOM. Wrapping it in a label tag makes it easy for us to access it with the .next("label") method.

By: Max

Max — Mon, 20 Dec 2010 07:08:43 +0000

You should use radio in this case. Checkboxes are primarly for selecting multiple options. If only one option can be selected at the same time, you should use radiobuttons.

By: qarluq

qarluq — Sat, 11 Dec 2010 14:57:08 +0000

Hi,
I have two checkbox elements. I want to get the text value (“Sonday”, “Monday”) of these checkboxes . And I want to change them with some other values (“tuesday”, Wednesday”). I do not know how to get these two values first. I tried .val() and .text() methods, they did not work. Do you any idea about how to get them and replace them with some other values?

By: Клюшин Герман

Клюшин Герман — Mon, 13 Sep 2010 08:47:37 +0000

$(“#other”).click(function ()
How about other methods of input (keyboard)?
Maybe something like onChange event handler?

By: jzalums

jzalums — Thu, 26 Aug 2010 18:52:15 +0000

Check if input field is checked.

alert ( $("input").is(':checked') );

By: Marco Lazzeri

Marco Lazzeri — Tue, 06 Jul 2010 10:55:34 +0000

Thanks Adam! I've experienced the same and replacing them with input:checkbox fixed the issue.

By: Adam Brill

Adam Brill — Fri, 18 Jun 2010 16:36:54 +0000

I have run into an issue where IE errors running a selector “form :checkbox”. If this happens for you, change it to “form input:checkbox” and it works.

By: Abhishek

Abhishek — Fri, 11 Jun 2010 04:33:00 +0000

I think that should work if you try to do hide and show on the click of that check box

$(document).ready(function() {
$(“#cbStatus”).click(function () {
if ($(‘#cbStatus’).checked == false) {
HideColumn(‘Status’,false);
} else {
HideColumn(‘Status’,true);
}
});
});