{"id":18678581,"url":"https://github.com/tariqulislam/react-multi-select-checkbox","last_synced_at":"2025-04-12T02:41:37.350Z","repository":{"id":49130698,"uuid":"128983315","full_name":"tariqulislam/react-multi-select-checkbox","owner":"tariqulislam","description":"Example of Multiple Checkbox Check functionality In React JS. To Solve the Complex checkbox Component Issue.","archived":false,"fork":false,"pushed_at":"2020-12-04T10:44:54.000Z","size":120,"stargazers_count":19,"open_issues_count":5,"forks_count":15,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-25T22:21:23.435Z","etag":null,"topics":["checkbox-component","checkbox-group","chield-checkbox","javascript","reactjs","uncheck"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tariqulislam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-10T19:14:05.000Z","updated_at":"2023-01-23T03:13:27.000Z","dependencies_parsed_at":"2022-09-22T17:31:05.814Z","dependency_job_id":null,"html_url":"https://github.com/tariqulislam/react-multi-select-checkbox","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tariqulislam%2Freact-multi-select-checkbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tariqulislam%2Freact-multi-select-checkbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tariqulislam%2Freact-multi-select-checkbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tariqulislam%2Freact-multi-select-checkbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tariqulislam","download_url":"https://codeload.github.com/tariqulislam/react-multi-select-checkbox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248507469,"owners_count":21115607,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["checkbox-component","checkbox-group","chield-checkbox","javascript","reactjs","uncheck"],"created_at":"2024-11-07T09:39:20.425Z","updated_at":"2025-04-12T02:41:37.330Z","avatar_url":"https://github.com/tariqulislam.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Multiple checkbox handling by React JS ##\n\nReact is most popular front end development framework. For our application development purpose we have build different complex web component to fullfill business requirment. Multiple checkbox selection is important UI feature for standard front end development. Today i have provide you some example about multiple checkbox selection with react js using the state of react js.\n\n## Installation and Prerequisites\n\n1. You need to Install `create-react-app` package globally by this command `npm install -g create-react-app (npm command)`.\n2. Download or Clone the Project from `https://github.com/tariqulislam/react-multi-select-checkbox.git`.\n3. Run command on `terminal` or `cmd` `npm install` or `yarn install`.\n4. Then Run command `npm start` or `yarn start`\n\n## Available functions to access Parent and Chield Checkbox Component\n\n1. To Access Parent Checkbox Component `onChange` event, example code\n```javascript\nfilehandleAllChecked = (event) =\u003e {\n   let fruites = this.state.fruites\n   fruites.forEach(fruite =\u003e fruite.isChecked = event.target.checked)\n   this.setState({fruites: fruites})\n}\n```\n2. To Access Chield Checkbox Component `onChange` event, example code\n\n```javascript\nhandleCheckChieldElement = (event) =\u003e {\n   let fruites = this.state.fruites\n   fruites.forEach(fruite =\u003e {\n     if (fruite.value === event.target.value)\n       fruite.isChecked =  event.target.checked\n     })\n   this.setState({fruites: fruites})\n}\n```\n# Licences\n\nAll the Code and information of this repository free to access. This will be licence under `MIT`. User can modified it and share it and if he/she want to contribute it, Feel to free to contribue.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftariqulislam%2Freact-multi-select-checkbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftariqulislam%2Freact-multi-select-checkbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftariqulislam%2Freact-multi-select-checkbox/lists"}