用于追加文本字段的onchange事件

时间:2016-01-13 13:50:38

标签: javascript jquery

我得到了这个jquery代码,每次点击" btn_add"我都会克隆一些文本字段,我需要在最后写入id_usd_value的onchange函数,它适用于我添加的每个新克隆但是它#39 ; s不工作:

<script type="text/javascript" src="jquery-2.1.4.js" charset="UTF-8" ></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var obj = $('input[name="percent"]').length;

            var n = 0;

            $('#btn_add').click(function(){
                n++;
                $('table').append('<tr id="btn_minus'+n+'"><td><input type="text" name="cost_element" value="0"/></td><td><input type="text" name="description" value="{{cost_element.description}}"/></td><td><input type="text" name="usd_value" id="id_usd_value" value="{{cost_element.usd_value}}"/></td><td><input type="text" name="pesos_value" id="id_pesos_value" value="{{cost_element.pesos_value}}"/></td><td><input type="text" size= 3 name="percent" id="id_rer_value" value="{{cost_element.percent}}"/>%</td><td><input class="btn_minus btn btn-danger" name="btn_minus'+n+'" type="button" value="X"/></td></tr>');

                obj = $('input[name="percent"]').length;
            });

            $('table').on('click',".btn_minus",function(){
                var id = $(this).attr('name');
                $('tr[id="'+id+'"]').remove();
            });

            $('.btn_delete').click(function(){
                location.href = "";
            });

            setInterval(function(){
                var percents = new Array();

                $('input[name="percent"]').each(function() {
                    percents.push($(this).val());
                });

                var sum = 0;
                for(var i=0, l=percents.length; i<l; i++) {
                    sum = sum + parseInt(percents[i],10);
                }

                $('#msgValidar').empty();
                if(sum == 100){
                        $('#msgValidar').append('<h5 style="color: blue">Los valores de procentaje estan correctos.</h5>');
                        $('#btn_ok').removeClass('disabled');
                }else{
                    if(obj != 0){
                        $('#msgValidar').append('<h5 style="color: red">Los valores de procentaje deben sumar exactamente 100%.</h5>');
                        $('#btn_ok').addClass('disabled');
                    }
                }
            }, 500);

             $('#id_usd_value').on('change',
                  function(e) {
                        if($('#id_usd_value').val()>0){
                            $('#id_pesos_value').val(
                              Math.round(
                                parseFloat($(this).val()) * parseFloat($('#id_rer_value').val())
                              ) 
                            );
                        };
                  }
              );
        });
    </script>

任何想法如何?,谢谢你的帮助!

0 个答案:

没有答案