checkbox_sr = CheckboxButtonGroup(labels=["1.3cm", "2.6cm", "5.3cm"], active=[])
checkbox_callback = CustomJS(args=dict(sliders1=sliders1, sliders2=sliders2, sliders3=sliders3, boxes1=boxes1, boxes2=boxes2, boxes3=boxes3,
col1=col1, col2=col2, col3=col3, checkbox=checkbox, checkbox_sr=checkbox_sr), code="""
const children_sr1 = [];
const children_sr2 = [];
const children_sr3 = [];
for (const i of checkbox.active) {
if (checkbox_sr.active.includes(0)) {
children_sr1.push(sliders1[i]);
children_sr1.push(boxes1[i]);
}
if (checkbox_sr.active.includes(1)) {
children_sr2.push(sliders2[i]);
children_sr2.push(boxes2[i]);
}
if (checkbox_sr.active.includes(2)) {
children_sr3.push(sliders3[i]);
children_sr3.push(boxes3[i]);
}
}
col1.children = children_sr1;
col2.children = children_sr2;
col3.children = children_sr3;
""")
checkbox.js_on_change('active', checkbox_callback)
checkbox_sr.js_on_change('active', checkbox_callback)
layout = gridplot([[checkbox],[checkbox_sr], [col1, col2, col3]])
show(layout)
