Search jQuery

jQuery Forum

Getting Started

joe hinkle

Dynamically created CheckBox -- Can't set/clear

in Getting Started • 6 years ago

I have a simple html table.

I take one of the cell and change it into a checkbox with the following code:

Stemp = $td.eq(i).text(); // get loaded wanted value

if(Stemp == 1)

$td.eq(i).html('<input type="checkbox" class="btnCHK" checked>');

else

$td.eq(i).html('<input type="checkbox" class="btnCHK">');

The browser displays the cell now as a check box and allows me to change it's value (checked/unchecked).

At time I need to clear the checkbox with code ... here is the issue --- nothing I do will clear a "checked" condition

$td.eq(i).prop('checked', false); ... does not clear check

$td.eq(i).is(':checked'); ... returns false even when the buttons displays being checked

So I thinking that when I created the button manually in code -- something is missing.

Any suggestions?

Thanks.

Joe

Replies(8)

jakecigar

Re: Dynamically created CheckBox -- Can't set/clear

6 years ago

A <td> is never checked. An <input> can be checked.

$td.eq(i).find("input").prop('checked', false);

JΛ̊KE

joe hinkle

Re: Dynamically created CheckBox -- Can't set/clear

6 years ago

It's NOT td.

A book I read suggested using $ as the first char of a variable to denote it was a jquery variable.

This is the code ...

var $td = $('td');

then I loop thru all the td's performing the required actions on them ... hence the usage of $td.eq(i) to access the i'th member of the array of td's.

I'm also trying to acquire the "Select" value -- either numeric or text from a SELECT td but the same issue I have with getting the checkbox value or changing it.

Most all the examples I see use a select to get something and then perform an action on it.

I have the complete array of td's and I know what I want to do on each one based on it's index into the array .

Is my use of indexing the exact td the issue in setting/getting data from checkbox and select cells?

Thanks.

Joe

jakecigar

Re: Dynamically created CheckBox -- Can't set/clear

6 years ago

$td.eq(i).html('<input type="checkbox" class="btnCHK" checked>');

adds an <input> in the <td>.

$td.eq(i).find("input").prop('checked', false);

is now you reset it

If that doesn’t help, it’s time for you to share a demo in plunker.

JΛ̊KE

joe hinkle

Re: Dynamically created CheckBox -- Can't set/clear

6 years ago

You are the man --- I did not understand (read your post too fast) ---

Your check solution works perfectly!!!!!!!!!

Can you make a similar suggestion on changing/accessing a "select" input?

Thanks.

Joe

jakecigar

Re: Dynamically created CheckBox -- Can't set/clear

6 years ago

$td.eq(i).find("select").val("potato"); // sets the select to a <option value=potato>spud</option>.

JΛ̊KE

joe hinkle

Re: Dynamically created CheckBox -- Can't set/clear

6 years ago

Jake -- thank you very much.

In the last 4 days I have read four books on jquery and javascript and nothing in them suggested I needed to select something from the td to do what I wanted to accomplish.

You just turned on the lights for me.

Thank you again !!!

Joe

joe hinkle

Re: Dynamically created CheckBox -- Can't set/clear

6 years ago

This is a topic I missed in all of my reading.

Can you point me to the book or web page that talks about what you showed here on accessing form/table based objects.

Thanks.

Joe

jakecigar

Re: Dynamically created CheckBox -- Can't set/clear

6 years ago

I guess the books you chose are sub-par. I always suggest a visit to the jQuery Learning Center. There are some books at the bottom of the page that the JQF recommends.

JΛ̊KE

PS If you click my profile here, and visit my "Website", it is a chat program where we can chat!

Top Reply

Response title

Attachments

jQuery Forum

Dynamically created CheckBox -- Can't set/clear

Replies(8)

Re: Dynamically created CheckBox -- Can't set/clear

Re: Dynamically created CheckBox -- Can't set/clear

Re: Dynamically created CheckBox -- Can't set/clear

Re: Dynamically created CheckBox -- Can't set/clear

Re: Dynamically created CheckBox -- Can't set/clear

Re: Dynamically created CheckBox -- Can't set/clear

Re: Dynamically created CheckBox -- Can't set/clear

Re: Dynamically created CheckBox -- Can't set/clear

Statistics

Tags

Actions

Related Posts