10 examples of 'reactstrap checkbox' in JavaScript

30
createCheckbox(item) {
31
    return (
32
        <CheckBox
33
            key={"CheckBox-" + item.id}
34
            item={this.setChecked(item)}
35
            handleCheckboxChange={this.toggleCheckboxGroupChange}
36
        />
37
    );
38
}

100
renderCheckboxContainer(classes, attributes) {
101
    let {input, settings} = this;
102
    let {label = '', labelHTML, name = '', id = ''} = input;
103
    let {showLabel = true} = settings;
104
105
    if (labelHTML) label = labelHTML;
106
107
    return `
108
        <label for="${id}" class="${classes} ivx-input-label ivx-input-label-checkbox">
109
           <input class="ivx-input ivx-input-checkbox" ${attributes}>
110
           ${label}
111
        </label>
112
    `;
113
}

40
function createCheckbox () {
41
  const vm = createVue({
42
    template: `
43
      <cube-checkbox v-model="checked" class="my-checkbox" :position="'left'">
44
        checkbox
45
      </cube-checkbox>
46
    `,
47
    data: {
48
      checked: true
49
    }
50
  })
51
  return vm
52
}

135
public static checkbox(key, options: any = {}) {
136
  return Field.field('checkbox', 'checkbox', key, options)
137
}

27
get nzCheckbox(): boolean {
28
  return this._checkbox;
29
}

13
export default function Checkbox(props: Props) {
14
  return (
15
    <div
16
      className={classNames("flex flex-row items-center", props.className)}
17
      onClick={props.onClick}>
18
      <input type="checkbox" checked={props.checked} readOnly={props.readOnly} />
19
      <Label className="ml-2">{props.children}</Label>
20
    </div>
21
  );
22
}

7
function Checkbox(props) {
8
  const { checked, disabled, theme } = props;
9
10
  const classes = classNames(
11
    'checkbox',
12
    {
13
      'checkbox--is-checked': checked,
14
      'checkbox--is-disabled': disabled,
15
    },
16
    props.className,
17
  );
18
19
  const icon = <Icon.Checkmark stroke={theme.palette.white} style={{ display: 'block' }} />;
20
21
  return <span className={classes}>{checked ? icon : null}</span>;
22
}

60
renderCheckbox(props) {
61
    return (
62
        <CheckboxView
63
            {...props}
64
            id={this.id}
65
            ref={(ref) => { this._node = ref; }}
66
            onChange={this.onChange}
67
        />
68
    );
69
}

58
function Checkbox(config, _form, _item, elementRef, renderer) {
59
    _super.call(this, config, elementRef, renderer, 'checkbox');
60
    this._form = _form;
61
    this._item = _item;
62
    /** @private */
63
    this._checked = false;
64
    /** @private */
65
    this._disabled = false;
66
    /**
67
     * @output {Checkbox} expression to evaluate when the checkbox value changes
68
     */
69
    this.ionChange = new EventEmitter();
70
    _form.register(this);
71
    if (_item) {
72
        this.id = 'chk-' + _item.registerInput('checkbox');
73
        this._labelId = 'lbl-' + _item.id;
74
        this._item.setElementClass('item-checkbox', true);
75
    }
76
}

5
function checkbox(){
6
  return m("input[type='checkbox']",{
7
      onclick: m.withAttr('checked', function(val){ 
8
        if (state.time_trial_val === 0) {state.time_trial_val = 120}
9
        state.time_trial = val
10
        toggle_timer()
11
      }),
12
      checked: state.time_trial
13
  })
14
}