Using Crispy forms in Django app, I have a html code like this:
<div id="div_id_pripadnost" class="form-group"> <label for="id_pripadnost_0" class="">
Pripadnost
</label>
<div class="">
<div class="form-check"> <input type="radio" class="form-check-input" name="pripadnost" id="id_pripadnost_1" value=""> <label for="id_pripadnost_1" class="form-check-label">
---------
</label> </div>
<div class="form-check"> <input type="radio" class="form-check-input" checked="checked" name="pripadnost" id="id_pripadnost_2" value="CRS"> <label for="id_pripadnost_2" class="form-check-label">
CRS
</label> </div>
<div class="form-check"> <input type="radio" class="form-check-input" name="pripadnost" id="id_pripadnost_3" value="SCM"> <label for="id_pripadnost_3" class="form-check-label">
SCM
</label>
</div> </div> </div>
I would like to remove div with id=”id_pripadnost_1″. I have removed radio button/div “form-check”, but I can’t remove label ‘———‘, since it doesn’t have id. How to remove that label?
I have tried:
const radioBtn = document.getElementById('id_pripadnost_1');
radioBtn.style.display = 'none';
radioBtn.previousElementSibling.style.display = 'none';
document.getElementById('id_pripadnost_1').remove();
2