how can i save html checkbox value to django database - django

Question

I'm working on a subscription project that allows user select multiple services using checkbox and then calculate the total price for these services(something like selecting multiple mails from your mail account), I have these in the HTML and Js code but I wan to be able to store each selected services to the DB, please how can I archive this
<form action="{% url 'sub:basic_starter' %}" id="subscription" method="post">
{% csrf_token %}
<fieldset>
<legend><h5><strong>Business Type: </strong> New Business </h5> </legend>
<label>Brand Value Design: N6,180.00
<input type="checkbox" value=" 6179.50" name="services" id="bs1" onclick="subscribe())">
</label><br><br>
<label>Business Development: N6,180.00
<input type="checkbox" value="6180.00" name="services" id="bs2" onclick="subscribe())">
</label><br><br>
<label>Website Design & Dev: N6,180.00
<input type="checkbox" value=" 6180.00" name="services" id="bs3" onclick="subscribe())">
</label><br><br>
<label>Mobile Application : N6,180.00
<input type="checkbox" value="6180.00" name="services" id="bs4" onclick="subscribe())">
</label><br><br>
<label>Maintenance(Host & Domain): N5,450.00
<input type="checkbox" value="5450.00" name="services" id="bs5" onclick="subscribe())">
</label><br><br>
<label>Social Media Management:
<input type="checkbox" value="" name="services" id="bs6" onclick="subscribe())">
</label><br><br>
<input type="text" readonly="readonly" id="total" value="N0.00" ><script>document.getElementById('total').innerHTML=price;</script><br><br>
<input type="submit" value="Subscribe" class="btn btn-success"></a></button><br>
</fieldset>
</form>
</div>
JS
function subscribe(){
let input = document.getElementsByName('services'),
total = 0.00,
form = document.getElementById('subscription');
for (let i = 0; i < input.length; i++) {
if(input[i].checked){
total += parseFloat(input[i].value)
let price = 'N' + total
}
}
document.getElementById('total').value = total.toFixed(3)
}
document.getElementById('subscription').addEventListener('change', subscribe)
Views.py
#login_required
def subscribe(request):
service_list = []
if request.method == 'POST':
sub_form = MembershipForm(request.POST)
if sub_form.is_valid() and sub_form.cleaned_data:
service_list.append(sub_form.data['service_name'])
sub_form.save()
else:
sub_form =MembershipForm()
return render(request, 'sub/subscribe_form.html',{'sub_form':
sub_form})
Url
path('sub', views.subscribe, name='subscribe'),
Forms
class MembershipForm(forms.ModelForm):
class Meta:
model = Services
fields = ('service_name', 'price',)
Models
class Services(models.Model):
package_name = models.CharField(max_length=100)
category = models.CharField(max_length=200)
service_name = models.CharField(max_length=250)
price = models.DecimalField(max_digits=9, decimal_places=2)
def __str__(self):
return self.service_name
class Meta:
unique_together = ('package_name', 'service_name')
class CompanySubscription(models.Model):
company_name = models.ForeignKey(CompanyProfile,
on_delete=models.CASCADE)
services = models.ForeignKey(Services, on_delete=models.CASCADE)
duration = models.CharField(max_length=50)
timestamp= models.DateTimeField(auto_now=True)
def __str__(self):
return self.company_name

Answer 1

If you want to get all checked checkbox value, you have to write below in your view...
#login_required
def subscribe(request):
service_list = []
if request.method == 'POST':
sub_form = MembershipForm(request.POST)
if sub_form.is_valid() and sub_form.cleaned_data:
services_price_list = request.POST.getlist('services[]')
service_list.append(sub_form.data['service_name'])
services_obj = sub_form.save(commit=False)
services_obj.price = sum(services_price_list)
services_obj.save()
else:
sub_form =MembershipForm()
return render(request, 'sub/subscribe_form.html',{'sub_form':
sub_form})