PrizmDoc® Viewer v14.0 Release - Updated
PrizmDoc Viewer / API Reference / E-Signature Controls / Module: checkbox-collection
In This Topic
    Module: checkbox-collection
    In This Topic

    Module: checkbox-collection

    A set of UI checkboxes that interact as one group.

    Example

    <!--The following HTML includes a checkbox collection component containing a single checkbox.
    An element is specified as a checkbox collection by setting the data-pcc-component attribute
    to "checkboxcollection".-->
    <span data-pcc-component="checkboxcollection"
            data-pcc-name="required"
            data-pcc-value="required"
            data-pcc-label="Required"
            class="pcc-margin"></span>
    

    Example

    // Require the checkbox collection module.
    var CheckboxCollection = require('../elements/checkbox-collection.js');
    
    // Pass each checkbox collection element to the checkbox collection module to initialize each checkbox.
    // parent is the element that contains the checkbox collection element.
    $(parent).find('[data-pcc-component="checkboxcollection"]').each(function() {
        CheckboxCollection(this);
    });
    

    (require("checkbox-collection"))(el) → {HTMLElement}

    Parses and initializes a checkbox collection.

    Parameters:
    Name Type Description
    el HTMLElement

    The parent element in which to parse for the checkbox collection component.

    Returns:

    The parsed checkbox collection element.

    Type
    HTMLElement

    Members

    (static) pccElements :Object

    The checkbox elements in the checkbox collection.

    Type:
    • Object

    off :module:event-store~off

    Removes an event handler from the checkbox collection.

    Type:
    • module:event-store~off

    on :module:event-store~on

    Registers an event handler on the checkbox collection.

    Type:
    • module:event-store~on

    Methods

    destroy()

    Destroys the checkbox collection component.

    value(val) → {Object}

    Gets or sets the values of the checkbox collection. The values are specified in the HTML for each checkbox using the data-pcc-value attribute.

    Parameters:
    Name Type Description
    val Array

    An array of values to check the corresponding checkbox elements.

    Returns:

    The checkbox collection element if a value is passed. Otherwise, an array of the values that correspond to the currently checked checkboxes is returned.

    Type
    Object

    Documentation generated by JSDoc 3.5.5 on Sun Feb 25 2024 15:33:01 GMT-0500 (Eastern Standard Time)