检测某些输入是否有变化

时间:2017-02-10 11:26:10

标签: jquery html

这个概念是我将使用div的id,输入的id和名称来增加创建这个div。百分比字段应该能够检测输入是否被更改。我怎样才能做到这一点?它似乎只适用于创建的第一个输入窗口小部件。

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

1 个答案:

答案 0 :(得分:0)

如果您的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>