Checkbox not showing current state when refreshed

Question

We have a pop-up dialog with multiple checkboxes that are each created using the following code segment:

   var cb = jQuery("<input></input>", { id: "cb_" + lid, name: "cb_" + lid, type: "checkbox" }).addClass("targetLayers_cb"); // CSS class used to facilitate validation only
   cb.prop("checked", li.searchable);

The boolean li.searchable field is used to determine whether the checkbox is checked or not on creation. The appearance of the checkboxes is not changing after the first invocation even if the li.searchable field changes.

I expect them to show based on the latest field value.

RoToRa · Accepted Answer · 2025-04-26 09:04:45Z

1

jQuery is not a reactive framework. The line cb.prop("checked", li.searchable) just sets the value of the checked property to the value that li.searchable has at the time. When the value of li.searchable changes, you'll need to call cb.prop("checked", li.searchable) again.

Or use a reactive framework, such as React, Vue, etc.

answered Apr 26 at 9:04

RoToRa

38.5k12 gold badges73 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Checkbox not showing current state when refreshed

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related