根據復選框更改文本框值

Question

下面是我的工作代碼。 當復選框被選中時，文本框的值被更改，但是唯一的問題是取消選中后文本框的值未達到默認值。所以我的問題是如何在取消選中后獲取文本框的默認值？

<div class="invoice">
     <input type="checkbox" value="1" />
     <span class="inv-total">$100</span>
</div>

<input type="text" id="total" value="$90"/>


$("input[type=checkbox]").click(function(event) {
var total = 0;
$("input:checked").each(function() {
    total += parseInt($(this).parent().find('.inv-total').text().substring(1));
});

if (total == 0) {
    $('#total').val('');
}
else {
    $('#total').val('$' + total);
}
});

Answer 1

 $(function(){ $defaultValue=$('#total').val(); $("input[type=checkbox]").click(function(event) { var total = 0; $("input:checked").each(function() { total += parseInt($(this).parent().find('.inv-total').text().substring(1)); }); if (total == 0) { $('#total').val($defaultValue); } else { $('#total').val('$' + total); } }); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="invoice"> <input type="checkbox" value="1" /> <span class="inv-total">$100</span> </div> <input type="text" id="total" value="$90"/>