Javascript 单击按钮时打印按钮的值

我无法输出按钮的值，例如，我有一个按钮可以输出该值 是（1,2,3,4…..12）。单击6个按钮示例时，值为（1,2,3,4,5,6）并单击 生成按钮按钮的值将在页面上输出。然后点击另一个 换行符中的6个按钮输出。不要重复相同的数字

功能打印（num1）{
btn.value=btn.value+num1；
}

生成

您需要使用ajax函数这里是ID中的代码put值

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script src="https://code.jquery.com/jquery-1.12.4.js">
   </script>
    <script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js'></script>

 <script>

$(document).ready(function(){
    $(".1button1").click(function(e){
        $.ajax({
            url: "attachment.php",
            type: "POST",
            data: {colID: e.target.id}, //this sends the user-id to php as a post variable, in php it can be accessed as $_POST['uid']
            success: function(data){
             alert(data);
              // data = JSON.parse(data);
             //  document.getElementById("demo").innerHTML =  data;
              // $('#datatable').DataTable({ 
              //        "destroy": true, //use for reinitialize datatable
              //     });
                //document.getElementById('myField').value= this.responseText;
                //update some fields with the updated data
                //you can access the data like 'data["driver"]'
            }
        });
    });
});

</script>


 <span class="1button1" id="1" onmouseover="" style="cursor: pointer;"/> Click Me</span>

这对你有帮助

<div id="button-container">
<br>
</div>
<br>
<button onclick="Print(event)">Generate</button>
<script>
    function Print(e) {
        var container = document.getElementById('button-container'),
            children = container.children,
            lastValue = 0,
            button,
            lineBreak = document.createElement('br');
        if (children) {
            for (var i = 0; i <= children.length - 1; i++) {
                if (children[i].value) {
                    lastValue = parseInt(children[i].value);
                }
            }
        }
        var limit = lastValue + 6;
        for (var i = lastValue + 1; i <= limit; i++) {
            button = document.createElement('input');
            button.setAttribute('type', 'button');
            button.setAttribute('name', 'btn');
            button.setAttribute('value', i);
            container.appendChild(button);
        }
        container.appendChild(lineBreak);
    }
</script>

生成
功能打印（e）{
var container=document.getElementById（'button-container'），
children=container.children，
lastValue=0，
按钮
lineBreak=document.createElement（'br'）；
if（儿童）{
对于（var i=0；i
<div id="button-container">
<br>
</div>
<br>
<button onclick="Print(event)">Generate</button>
<script>
    function Print(e) {
        var container = document.getElementById('button-container'),
            children = container.children,
            lastValue = 0,
            button,
            lineBreak = document.createElement('br');
        if (children) {
            for (var i = 0; i <= children.length - 1; i++) {
                if (children[i].value) {
                    lastValue = parseInt(children[i].value);
                }
            }
        }
        var limit = lastValue + 6;
        for (var i = lastValue + 1; i <= limit; i++) {
            button = document.createElement('input');
            button.setAttribute('type', 'button');
            button.setAttribute('name', 'btn');
            button.setAttribute('value', i);
            container.appendChild(button);
        }
        container.appendChild(lineBreak);
    }
</script>