| 123456789101112131415161718192021222324252627282930 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>带加减按钮的数字输入框(整理)</title>
- <script src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
- </head>
- <body>
- <link rel="stylesheet" href="Panel_number-box.css">
- <div class="Panel_number-box">
- <input type="button" class="Panel_on-number" value="-" data-v="-1">
- <input type="text" value="0">
- <input type="button" class="Panel_on-number" value="+" data-v="1">
- </div>
- <script>
- $(document.documentElement).on("click", ".Panel_on-number", function () {
- var $val = $(this).siblings("input[type='text']"),val = parseInt($val.val(), 10) + parseInt($(this).data("v"));
- V_num = isNaN(val) ? 0 : val
- $val.val(V_num);
- });
- </script>
- </body>
- </html>
|
