Bad Custom Radio and Checkbox generated

[ThisIsntMyId]

The original checkbox and radio code checkbox

<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="customCheck1">
  <label class="custom-control-label" for="customCheck1">Check this custom checkbox</label>
</div>

radio

<div class="custom-control custom-radio">
  <input type="radio" id="customRadio1" name="customRadio" class="custom-control-input">
  <label class="custom-control-label" for="customRadio1">Toggle this custom radio</label>
</div>

and it generated checkbox

<label class="custom-control custom-checkbox">
    <input type="checkbox" name="" id="" value="checkedValue" class="custom-control-input">
    <span class="custom-control-indicator"></span>
    <span class="custom-control-description"></span>
</label>

radio

<label class="custom-control custom-radio">
     <input type="radio" name="" id="" value="checkedValue" class="custom-control-input">
     <span class="custom-control-indicator"></span>
     <span class="custom-control-description"></span>
</label>