JSFiddle - React, Tailwind, and code Playground

HTML

<label class="checkbox-inline">100$
    <input type="checkbox" name="servico[]" value="100">
</label>
<label class="checkbox-inline">200$
    <input type="checkbox" name="servico[]" value="200">
</label>


<h2>Total</h2>
<input type="number" name="totalValor" disabled>

JavaScript

$(document).ready(function() {
    $(":checkbox").change(function() {
        var total = $(":checkbox:checked").get().reduce(function(tot, el) {
            return tot + Number(el.value);
        }, 0);
		$('[name="totalValor"]').val(total);
    });
});