时间戳

首页 > 解决方案 > 打印按钮 onClick 的值

javascript - 打印按钮 onClick 的值

问题描述

我无法输出按钮的值，例如我有一个按钮，其值为（1、2、3、4.....12）。当我单击 6 个按钮示例时，值为 (1,2,3,4,5,6) 并单击生成按钮时，按钮的值将在页面上输出。并单击换行符中的另一个 6 按钮输出。并且不要重复相同的数字。

    function Print(num1) {
        btn.value = btn.value + num1;
    }
    <p id="demo"></p>
    <input type="button" name="btn" value="1">
    <input type="button" name="btn" value="2">
    <input type="button" name="btn" value="3">
    <input type="button" name="btn" value="4">
    <input type="button" name="btn" value="5">
    <input type="button" name="btn" value="6"><br>
    <input type="button" name="btn" value="7">
    <input type="button" name="btn" value="8">
    <input type="button" name="btn" value="9">
    <input type="button" name="btn" value="10">
    <input type="button" name="btn" value="11">
    <input type="button" name="btn" value="12"><br><br>
    <button onclick="document.getElementById(" demo").innerHTML=Print()">Generate</button>

标签： javascriptrandomdraw

解决方案

这会对你有所帮助。

<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>

推荐阅读