title: how to post check box value and checked status
body: <p>i am getting checkbox values , checked status, checkbox label, checkbox courseid. from the server using of axios method.....now i want to send back checked of checkbox value and checked status..to back end using axios method...
  can any one help on these...<a href="https://i.stack.imgur.com/fjTst.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fjTst.png" alt="console of resposne "></a>.</p>
  
  <p>i am unable to do and print in console of response...please any one help</p>
  
  <pre><code>    import React, { Component } from 'react';
      import Row from 'react-bootstrap/Row';
      import Col from 'react-bootstrap/Col';
      import Button from 'react-bootstrap/Button'
      import { List, ListItem } from '@material-ui/core';
      import Checkbox from "@material-ui/core/Checkbox";
      import FormGroup from "@material-ui/core/FormGroup";
      import FormControlLabel from "@material-ui/core/FormControlLabel";
      import Axios from 'axios'
  
      class TwelvethCollegeCourses extends Component {
          constructor(props) {
              super(props)
              this.state = {
                  checkboxes: [],
              }
          }
          componentDidMount() {
              Axios.get('http://127.0.0.1:8000/checkboxapi/checkbox/')
                  .then(response =&gt; {
                      this.setState({ checkboxes: response.data })
                      console.log(response.data)
                  })
                  .catch(error =&gt; {
                      console.log(error)
                  })
          }
          ChangeCheckBox = (e) =&gt; {
              // onchange code checkbox
          };
          checkBoxSubmit = e =&gt; {
              e.preventDefault();
              Axios.post('http://127.0.0.1:8000/checkboxapi/user/')
                  .then(response =&gt; {
                  })
                  .catch(error =&gt; {
                      console.log(error)
                  })
          };
          render() {
              const { checkboxes } = this.state
              return (
                  &lt;div&gt;
                      &lt;Container-Fluid&gt;
                          &lt;Row className="college-courses-row"&gt;
                              &lt;Col sm={4} className="courses-box-college-courses-selected"&gt;
                                  &lt;div className="main-boxes"&gt;
                                      &lt;div className="course-collge-regis-index-boxes"&gt;
                                          &lt;div className="scrolling-data check-boxex-list"&gt;
                                              &lt;form&gt;
                                                  &lt;FormGroup aria-label="position" row&gt;
                                                      &lt;List className="courses-college-regis"&gt;
                                                          {checkboxes.map((checkbox, key) =&gt; (
                                                              &lt;ListItem button key={key}&gt;
                                                                  &lt;FormControlLabel
                                                                      label={checkbox.CourseLabel}
                                                                      type="checkbox"
                                                                      id={checkbox.CourseId}
                                                                      name="intermediatecourse"
                                                                      value={checkbox.CourseValue}
                                                                      control={&lt;Checkbox color="primary" /&gt;}
                                                                      onChange={this.ChangeCheckBox}
                                                                      checked={checkbox.checked}
                                                                  /&gt;
                                                              &lt;/ListItem&gt;
                                                          ))}
                                                      &lt;/List&gt;
                                                  &lt;/FormGroup&gt;
                                              &lt;/form&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/Col&gt;
                              &lt;Col sm={8}&gt;
                                  &lt;div className="total-number-courses-save-box "&gt;
                                      &lt;Button type="submit" onClick={this.checkBoxSubmit}&gt;Save&lt;/Button&gt;
  
                                  &lt;/div&gt;
                              &lt;/Col&gt;
                          &lt;/Row&gt;
                      &lt;/Container-Fluid&gt;
                  &lt;/div &gt;
              )
          }
      }
  
      export default TwelvethCollegeCourses;
  </code></pre>