在jquery中，如果文本框的值大于2000，则显示文本框

Question

如果在文本框中输入的金额超过2000，则要显示输入PAN卡编号。当用户输入超过2000的金额时，必须显示输入PAN卡号的文本框。如果金额小于2000，则必须隐藏PAN卡文本框。

代码如下:

$(document).ready(function() {
$("#general_amt").change(function() {
var amount = $("#general_amt").val();
if (parseInt(amount) >= 2000.0) {
$("#pan").attr('disabled', false);
$("#pan").attr('hidden', false);
$("#pan").attr("required", true);
}
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class=" form-control general_amt" id="general_amt" name="general_amt" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" />

<div class="col-md-12" id="pan" style="display: none">
<label><b>PAN No</b></label>
<input type="text" id="pan" class="form-control" style="border 1px solid #000" name="pan" placeholder="PAN No" />
</div>
</div>

Answer 1

给你

1. 使用$("#pan").show();
2. 用$('#general_amt').on('input', function() {代替$("#general_amt").change(function(){

$(document).ready(function() {
$('#general_amt').on('input', function() {
var amount = $("#general_amt").val();
if (parseInt(amount) >= 2000) {
$("#pan").attr('disabled', false);
$("#pan").show();
$("#pan").attr("required", true);
} else {
$("#pan").hide();
}
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class=" form-control general_amt" id="general_amt" name="general_amt" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" />

<div class="col-md-12" id="pan" style="display: none">
<label><b>PAN No</b></label>
<input type="text" id="pan" class="form-control" style="border 1px solid #000" name="pan" placeholder="PAN No" />
</div>
</div>

备注:id必须唯一