基于复选框更改文本框值

时间:2015-03-08 06:37:31

标签: javascript html

以下是我的工作代码。当复选框被选中时,文本框值会发生变化,但唯一的问题是文本框的值在取消选中后没有达到默认值。所以我的问题是如何在取消选中后获取文本框的defaut值?

<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);
}
});

1 个答案:

答案 0 :(得分: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"/>