Return the result with comma after checking or unchecking the values of checkboxes

Question

Return the result with comma after checking or unchecking the values of checkboxes

Navigation

#1 by (3 votes)

1

I know that the replace exists but I can not apply for the total to be displayed with commas after checking or unchecking the checkboxes.

$(function(){
  total = document.getElementById('total');
  $(document.getElementsByName('choice')).bind('click',function(){
	
	var valTotal = total.value;
		
	valTotal = parseFloat(valTotal.replace(',','.'));
		
	var valInput = (this.value);
		
	valInput = parseFloat(valInput.replace(',','.'));
		
	var novoTotal=0;
	total.value = (this.checked) ? parseFloat(( valTotal + valInput )).toFixed(2) : parseFloat(( valTotal - valInput )).toFixed(2) ;
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><formname="listForm" id="listForm">
 <input type="checkbox" name="choice" value="2,55" />2,55<br/>
 <input type="checkbox" name="choice" value="2,45" />2,45<br/>
 <input type="checkbox" name="choice" value="2,50" />2,50<br/>
 <input type="checkbox" name="choice" value="2,00" />2,00<br/>
 <input type="text" size="4" name="total" id="total" value="100,00"/>
</form>

jquery

asked by anonymous 19.06.2017 / 13:24

1 answer

Problems with insertion into an array How do I get the value of the i-tag ID?

score 3 · Accepted Answer

Use a replace like this:

total.value = value.replace('.', ',');

Example:

$(function() {
  total = document.getElementById('total');
  $(document.getElementsByName('choice')).bind('click', function() {

    var valTotal = total.value;

    valTotal = parseFloat(valTotal.replace(',', '.'));

    var valInput = (this.value);

    valInput = parseFloat(valInput.replace(',', '.'));

    var novoTotal = 0;
    var value = (this.checked) ? parseFloat((valTotal + valInput)).toFixed(2) : parseFloat((valTotal - valInput)).toFixed(2);
    total.value = value.replace('.', ',');
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><formname="listForm" id="listForm">
  <input type="checkbox" name="choice" value="2,55" />2,55<br/>
  <input type="checkbox" name="choice" value="2,45" />2,45<br/>
  <input type="checkbox" name="choice" value="2,50" />2,50<br/>
  <input type="checkbox" name="choice" value="2,00" />2,00<br/>
  <input type="text" size="4" name="total" id="total" value="100,00" />
</form>