如何同时使用click和value？

Question

我想同时输入单选按钮和值以在浏览器控制台中填写表单。

这样它只运行点击事件

document.getElementById("email").value = "abcd@mail.com";
document.getElementsByClassName("kSKYRE")[0].click();

当第二个函数运行时，第一个值被取消。

function value() {
document.getElementById("email").value = "abcd@mail.com";
}

function radio() {
    document.getElementsByClassName("kSKYRE")[0].click();
  }

  setTimeout(radio, 2000);
  setTimeout(value, 1000);

我正在尝试生成 spotify 注册码

Answer 1

如果事件 Click 触发了一些其他事件（比如单选按钮上的更改）尝试使用 checked 像这样 document.getElementsByClassName("kSKYRE")[0].checked = true;

这是一个简单的测试：

<form type="submit">
    <input type="text" id="email" style="width:500px"/>
    <br>
    <input type="radio" name="colors" id="red" class="kSKYRE">Red<br>
    <input type="radio" name="colors" id="blue" class="kSKYRE">Blue
</form>


<script>
    
    document.getElementById("email").value = "RED - next blu";
    document.getElementsByClassName("kSKYRE")[0].checked = true;
    
    setTimeout(function(){
        document.getElementById("email").value = "BLU - next red";
        document.getElementsByClassName("kSKYRE")[1].checked = true;
    }, 2000);
    
    setTimeout(function(){
        document.getElementById("email").value = "RED - next change with click: BLU or CLICK/CHANGE ";
        document.getElementsByClassName("kSKYRE")[0].checked = true;
    }, 4000);
    
    setTimeout(function(){
        document.getElementById("email").value = "BLU - LAST";
        document.getElementsByClassName("kSKYRE")[1].click();
    }, 8000);
    
    
     document.querySelector("#blue").addEventListener("change", function() {
        document.getElementById("email").value = "CLICK/CHANGE";
    });
    
</script>

如何同时使用click和value？

How to use click and value at the same time?

javascript

forms

function

click

getelementsbyclassname