有没有办法将用户的输入 and/or 选择分配到消息中？

Question

<input type="radio" name="T" id="twenT">20
<input type="radio" name="T" id="sixT">60
<input id="uIn"></input>
<a href="sms://+15552345678;?&body=CHANGE%20THIS"></a>
<button onclick="function()">

如何让用户选择一个选项或输入文本，然后文本消息更改为 selected/entered 中的文本。纯JavaScript优先。

Answer 1

试试这个

我更改为 name="T" 以使它们成为有效的收音机

我也关闭了A使其有效。如果你想点击link并改变，那么我们可以去掉按钮

const href = "sms://+15552345678;?&body="
const sms = document.getElementById("sms");
const uIn = document.getElementById("uIn");
document.getElementById("changeMsg").addEventListener("click",function(e) {
  const val = document.querySelector("input[name=T]:checked");
  if (val) {
    sms.href = href.split("body=")
      .join(`body=${encodeURIComponent(val.value)}&uIn=${encodeURIComponent(uIn.value)}`)
    console.log(sms.href)
  }  
  else {
    console.log("radio not checked")
  }
})

<input type="radio" name="T" value="twenT">20
<input type="radio" name="T" value="sixT">60
<input id="uIn" type="text" value="" />
<a id="sms" href="sms://+15552345678;?&body=CHANGE%20THIS">Call us</a>
<button id="changeMsg" type="button">Change</button>

有没有办法将用户的输入 and/or 选择分配到消息中？

Is there a way to assign the user's input and/or selection into the message?

javascript

sms

href