JSFiddle - React, Tailwind, and code Playground
HTML
<head>
<link href="http://fronteed.com/iCheck/skins/all.css" rel="stylesheet">
<script src="http://fronteed.com/iCheck/icheck.js"></script>
<script>
$(document).ready(function(){
$('input').each(function(){
var self = $(this),
label = self.next(),
label_text = label.text();
label.remove();
self.iCheck({
checkboxClass: 'icheckbox_line-red',
radioClass: 'iradio_line-red',
insert: '<div class="icheck_line-icon"></div>' + label_text
});
});
});
</script>
<script type="text/javascript">
function calc()
{
var tx1=document.getElementById('tx1');
var anz=str_replace(".", "", tx1.value);
var anz=str_replace(",", ",", anz);
var op1=document.getElementsByName('op1');
for (var i=0; i<op1.length; i++)
{
if (op1[i].checked)
{
var op=op1[i].value;
var sum=anz*op;
sum=sum-anz;
sum=number_format(sum, 0, ",", ".");
document.getElementById("ausgabe").innerHTML=sum;
break;
}
}
tx1.value=number_format(anz, 0, ",", ".");
}
function str_replace(search, replace, subject)
{
return subject.split(search).join(replace);
}
function number_format (number, decimals, dec_point, thousands_sep) { var exponent = ""; var numberstr = number.toString (); var eindex = numberstr.indexOf ("e"); if (eindex > -1) { exponent = numberstr.substring (eindex); number = parseFloat (numberstr.substring (0, eindex)); } if (decimals != null) { var temp = Math.pow (10, decimals); number = Math.round (number * temp) / temp; } var sign = number < 0 ? "-" : ""; var integer = (number > 0 ? Math.floor (number) : Math.abs (Math.ceil (number))).toString (); var fractional = number.toString ().substring (integer.length + sign.length); dec_point = dec_point != null ? dec_point : "."; fractional = decimals != null && decimals > 0 || fractional.length > 1 ? (dec_point + fractional.substring (1)) : ""; if (decimals != null && decimals > 0) { for (i = fractional.length - 1, z = decimals; i < z; ++i) {...