检测某些输入是否有变化

Question

概念是我将创建该div与其div的ID，输入的ID和名称的增量。百分比字段应该能够检测输入是否正在改变。我该如何做这项工作？它似乎只适用于创建的第一个输入窗口小部件。

<div id="divRdTest"> 
    <div class="form-group" id="rdTestFld1"> 
     <div class="col-sm-7 col-sm-offset-2"> 
       <center> 
        <input type="text" id="txtRTName1" name="txtRTName1" class="form-control"> 
       </center> 
     </div> 
    <div class="col-sm-3"> 
     <center> 
      <input type="text" id="txtRTPercent1" name="txtRTPercent1" class="form-control percent-compute"> 
      </center> 
      </div> 
     </div> 
</div> 


//The script 

$(".percent-compute").on("input", function(e){ 
    //computation code 
}); 

Answer 1

如果你的DIV是动态创建的，你必须使用document选择上应用input, change.

$(document).on("input change",".percent-compute", function(e){ 
 
    console.log($(this).val()) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="divRdTest"> 
 
    <div class="form-group" id="rdTestFld1"> 
 
     <div class="col-sm-7 col-sm-offset-2"> 
 
       <center> 
 
        <input type="text" id="txtRTName1" name="txtRTName1" class="form-control"> 
 
       </center> 
 
     </div> 
 
    <div class="col-sm-3"> 
 
     <center> 
 
      <input type="text" id="txtRTPercent1" name="txtRTPercent1" class="form-control percent-compute"> 
 
      </center> 
 
      </div> 
 
     </div> 
 
</div>