$(document).ready(function() {
var label = parseInt($("#label1").html());
alert(label);
$("#Incre").click(function() {
$("#number").val(parseInt($("#number").val()) + label);
});
$("#Decre").click(function() {
$("#number").val(parseInt($("#number").val()) - label);
});
});
<label id='label1'>50</label>
<input id='number' value=0></input>
<button id='Incre'>Incre</button>
<button id='Decre'>Decre</button>
我有这个代码,它可以工作。但是当文本框值为 Zero 时。如果我单击递减按钮,文本框值将变为负值。如何控制这个。
最佳答案
您可以使用此代码:-
<script>
$(document).ready(function() {
var label = parseInt($("#label1").html());
alert(label);
$("#Incre").click(function() {
$("#number").val(parseInt($("#number").val()) + label);
});
$("#Decre").click(function() {
var final_number = parseInt($("#number").val()) - label;
if (final_number >= 0) {
$("#number").val(parseInt($("#number").val()) - label);
}
});
});
</script>
<label id='label1'>50</label>
<input id='number' value=0></input>
<button id='Incre'>Incre</button>
<button id='Decre'>Decre</button>
关于javascript - 文本框值不会变成负值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36951381/