While create the jqxcheckbox hidden input field having some extra attributes

[Tamililakkiya RParticipant]

HI guys,

The jqxcheckbox default structure is

<div id=”jqxCheckBox” tabindex=”0″ class=”jqx-widget jqx-widget-energyblue jqx-checkbox jqx-checkbox-energyblue” role=”checkbox” aria-checked=”false” aria-disabled=”false” style=”width: 300px; height: 25px; cursor: pointer; line-height: 25px;”><div class=”jqx-checkbox-default jqx-checkbox-default-energyblue jqx-fill-state-normal jqx-fill-state-normal-energyblue jqx-rc-all jqx-rc-all-energyblue” style=”margin-top: 5px;”><div style=”width: 13px; height: 13px;”><span style=”width: 13px; height: 13px; opacity: 0;”></span></div></div>Entertainment<div style=”clear: both;”></div><input type=”hidden” value=”false”></div>

but some times jqxcheckbox structure is created like below

<div id=”jqxCheckBox” tabindex=”0″ class=”jqx-widget jqx-widget-energyblue jqx-checkbox jqx-checkbox-energyblue” role=”checkbox” aria-checked=”false” aria-disabled=”false” style=”width: 300px; height: 25px; cursor: pointer; line-height: 25px;”><div class=”jqx-checkbox-default jqx-checkbox-default-energyblue jqx-fill-state-normal jqx-fill-state-normal-energyblue jqx-rc-all jqx-rc-all-energyblue” style=”margin-top: 5px;”><div style=”width: 13px; height: 13px;”><span style=”width: 13px; height: 13px; opacity: 0;”></span></div></div>Entertainment<div style=”clear: both;”></div><input value=”false” id=”jqxWidget0cbbabb2″ role=”textbox” aria-autocomplete=”both” aria-disabled=”false” aria-readonly=”false” aria-multiline=”false” class=”jqx-widget-content jqx-widget-content-energyblue jqx-input jqx-input-energyblue jqx-widget jqx-widget-energyblue jqx-rc-all jqx-rc-all-energyblue” placeholder=”” data-value=”false” data-label=”true” type=”hidden”>

In this case the hidden input field having some extra attributes.
The problem is I’m binding the “change” event for checkbox. Use of the change event is when ever I check or uncheck the checkbox this event is trigger but In this false case(some extra attribute added for hidden input field) while check the checkbox this change event triggered on three times.

Can you help me out?

[DimitarParticipant]

Hi Tamililakkiya R,

Could you, please, specify what JavaScript you used to generate the second, “false” checkbox? Preferably, please share a jsEditor example that demonstrates the issue you experience.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Tamililakkiya RParticipant]

We are using jquery-2.2.0.js version and jqwidgets is jqwidgets-ver4.1.1.

I’m using the default jqwidgets checkbox create method

$(“#jqxcheckbox”).jqxCheckBox({
enableContainerClick: false,
width: 120,
height: 25
});

[DimitarParticipant]

Hi Tamililakkiya R,

We do not experience such an issue. Please take a look at the following, working, example: https://www.jseditor.io/?key=jqxcheckbox-enablecontainerclick-change-event. Please make sure you are not binding to the change event multiple times in your code.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts