jQuery UI Widgets Forums Editors CheckBox, RadioButton While create the jqxcheckbox hidden input field having some extra attributes

This topic contains 3 replies, has 2 voices, and was last updated by  Dimitar 3 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • Tamililakkiya R
    Participant

    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?


    Dimitar
    Participant

    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 R
    Participant

    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
    });


    Dimitar
    Participant

    Hi Tamililakkiya R,

    We do not experience such an issue. Please take a look at the following, working, example: https://www.jqwidgets.com/jseditor/?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/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.