# How to get checkbox data in UI? **URL:** \ **Category:** General\ **Tags:** node-red-dashboard\ **Created:** [15 October 2022 00:32 UTC](https://discourse.nodered.org/t/how-to-get-checkbox-data-in-ui/69053 "2022-10-15T00:32:42Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![choiprin0310](https://avatars.discourse-cdn.com/v4/letter/c/82dd89/32.png) [@choiprin0310](https://discourse.nodered.org/u/choiprin0310)\ **Post date:** [15 October 2022 00:32 UTC](https://discourse.nodered.org/t/how-to-get-checkbox-data-in-ui/69053/1 "2022-10-15T00:32:42Z")
[![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/9/8918ab9cac8917e07e11f9b40294b593f0c77b84.png)](https://i.stack.imgur.com/4bGsi.png) I'm trying to get data from checkbox alert in Node-red. Inside the template node, ``` test ``` This is my Code in template node. If i inject the node, notification appears. [![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/a/aa9043305334eb134dcdf7c6355b282acc749ac0.png)](https://i.stack.imgur.com/EuZgf.png) Even i press Ok/Cancel, nothing happened.The only payload that i can see is this one which i first inject node, raw template code appears. [![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/b/0b1a318cc9a4efb6fa675a040cf5d0cdc13aa8ac.png)](https://i.stack.imgur.com/GVHya.png) What i want to do is, _ **I want individual output among those checkboxes.** _ For example, if i check 'test1', I wanna make msg.payload="test1" or any number, string etc. If i check 'test2', 'test3' , 'test4' same. Anyone knows about this? Tnx for reading. `[{ "id": "6a445b83eb98086b", "type": "tab", "label": "플로우 2", "disabled": false, "info": "", "env": [] }, { "id": "a1bcbf893316b76a", "type": "ui_toast", "z": "6a445b83eb98086b", "position": "dialog", "displayTime": "3", "highlight": "", "sendall": true, "outputs": 1, "ok": "OK", "cancel": "Cancel", "raw": true, "className": "", "topic": "", "name": "", "x": 450, "y": 120, "wires": [[] ] }, { "id": "57461552ebe0a887", "type": "inject", "z": "6a445b83eb98086b", "name": "", "props": [{ "p": "payload" }, { "p": "topic", "vt": "str" }], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "", "payload": "", "payloadType": "date", "x": 120, "y": 120, "wires": [[ "04f1b9d83919a0f3"] ] }, { "id": "04f1b9d83919a0f3", "type": "template", "z": "6a445b83eb98086b", "name": "", "field": "payload", "fieldType": "msg", "format": "html", "syntax": "mustache", "template": "\n\n\n\ntest\n\n\n\n \n \n \n \n\n", "output": "str", "x": 270, "y": 120, "wires": [[ "39ccd676b253dd83", "a1bcbf893316b76a"] ] }, { "id": "39ccd676b253dd83", "type": "debug", "z": "6a445b83eb98086b", "name": "", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "false", "statusVal": "", "statusType": "auto", "x": 450, "y": 180, "wires": [] } ]` Regards. ---
**Author:** ![knoepsche](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knoepsche/32/69450_2.png) [@knoepsche](https://discourse.nodered.org/u/knoepsche)\ **Post date:** [17 October 2022 11:31 UTC](https://discourse.nodered.org/t/how-to-get-checkbox-data-in-ui/69053/2 "2022-10-17T11:31:03Z")
I might not be right but it seems the notification node is limited. As a workaround you could use the angular mdDialog service in ui-template nodes. To my opinion this really sucks. I tried to realise an example not knowing if this is totally free of errors: ```auto [ { "id": "06ce0c67de868d70", "type": "tab", "label": "ui-temp modal dialog", "disabled": false, "info": "", "env": [] }, { "id": "29554d9cf6288f39", "type": "ui_template", "z": "06ce0c67de868d70", "group": "150a555a50d00122", "name": "Modal Call", "order": 0, "width": "6", "height": "2", "format": "\n", "storeOutMessages": true, "fwdInMessages": true, "resendOnRefresh": true, "templateScope": "local", "className": "", "x": 710, "y": 280, "wires": [ [ "6b232bfeb9ba43a5" ] ] }, { "id": "6b232bfeb9ba43a5", "type": "debug", "z": "06ce0c67de868d70", "name": "debug 2", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "true", "targetType": "full", "statusVal": "", "statusType": "auto", "x": 1000, "y": 280, "wires": [] }, { "id": "7712883457e913d8", "type": "ui_template", "z": "06ce0c67de868d70", "group": "75ebc3ea4eb4a464", "name": "", "order": 0, "width": 0, "height": 0, "format": "\n\n", "storeOutMessages": true, "fwdInMessages": true, "resendOnRefresh": true, "templateScope": "global", "className": "", "x": 700, "y": 180, "wires": [ [] ] }, { "id": "5c5cd97880a3d982", "type": "inject", "z": "06ce0c67de868d70", "name": "trigger", "props": [ { "p": "topic", "vt": "str" } ], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "mdDialog", "x": 390, "y": 280, "wires": [ [ "29554d9cf6288f39" ] ] }, { "id": "e4b076b5c75360fd", "type": "ui_text_input", "z": "06ce0c67de868d70", "name": "", "label": "", "tooltip": "", "group": "21094787ed47ee5e", "order": 1, "width": 0, "height": 0, "passthru": true, "mode": "text", "delay": 300, "topic": "topic", "sendOnBlur": true, "className": "", "topicType": "msg", "x": 700, "y": 380, "wires": [ [] ] }, { "id": "150a555a50d00122", "type": "ui_group", "name": "modal", "tab": "911a0d7d34b66434", "order": 5, "disp": true, "width": "6", "collapse": false, "className": "" }, { "id": "75ebc3ea4eb4a464", "type": "ui_group", "name": "Mainfolder", "tab": "", "order": 1, "disp": true, "width": "6", "collapse": false }, { "id": "21094787ed47ee5e", "type": "ui_group", "name": "Group 2", "tab": "911a0d7d34b66434", "order": 2, "disp": true, "width": 6 }, { "id": "911a0d7d34b66434", "type": "ui_tab", "name": "Dashboard", "icon": "dashboard", "order": 1, "disabled": false, "hidden": false } ] ``` You need click responses to the checkboxes, too. Then exchange the header script to: ```auto var testShowDialog = function ($mdDialog, $scope) { const ctrl = DialogController; ctrl.$scope = $scope; const parentEl = angular.element(document.body); $mdDialog.show({ parent: parentEl, template: '' + ' '+ '' + '' + '' + '' + ' ' + ' ' + ' ' + ' Close Dialog' + ' ' + ' ' + '', locals: { items: ctrl.$scope.items }, controller: DialogController, controllerAs: 'ctrl', isolateScope: false }); function DialogController($mdDialog) { this.closeDialog = function() { payload = []; for(let i=0; i<4; i++){ const el = $('#dialoginput'+i)[0]; let obj = {}; obj[el.value] = el.checked; payload.push(obj); } $scope.send({payload:payload}); $mdDialog.hide(); } this.cbxClick = function($event) { if(event.target.id){ } if(event.target.id.startsWith('dialoginput')){ obj = {}; obj[$event.target.value] = $event.target.checked; $scope.send({payload:obj}); } } } } ``` ---
**Author:** ![choiprin0310](https://avatars.discourse-cdn.com/v4/letter/c/82dd89/32.png) [@choiprin0310](https://discourse.nodered.org/u/choiprin0310)\ **Post date:** [17 October 2022 23:57 UTC](https://discourse.nodered.org/t/how-to-get-checkbox-data-in-ui/69053/3 "2022-10-17T23:57:08Z")
Tnx! My problem 99% solved 😃 ---
**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\ **Post date:** [31 October 2022 23:57 UTC](https://discourse.nodered.org/t/how-to-get-checkbox-data-in-ui/69053/4 "2022-10-31T23:57:33Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.