mtjmtj7的小站
mtjmtj7的小站
© mtjmtj7
All Rights Reserved.

jquery输入框自动求和

<!DOCTYPE html>  
<html>  
  
    <head>  
        <meta charset="utf-8" />  
        <title></title>  
    </head>  
  
    <body>  
        <input type="text" name="in1" id="in1" value="" /><br />  
        <input type="text" name="in2" id="in2" value="" /><br /> 结果:  
        <span id="out"></span>  
    </body>  
  
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>  
    <script>  
        $("input[id^='in']").change(function() {  
            var sum = 0;  
            $("input[id^='in']").each(function() {  
                var r = /^-?\d+$/;  //正整数   
                if($(this).val() != '' && !r.test($(this).val())) {  
                    $(this).val(""); //正则表达式不匹配置空   
                } else if($(this).val() != '') {  
                    sum += parseInt($(this).val());  
                }  
                $("#out").html(sum)  
            });  
        });  
    </script>  
  
</html>  
打赏
2018-03-02
207 阅读
关键字:
暂无评论

发表评论