Question

我目前正在尝试构建一个小的html页面，用户可能会要求使用单选按钮或复选框选择至少2-3个选项。

第一个按钮=“怎么样”

第二个按钮=“你”

第3个按钮=“他们”

并且在这个选项的底部..将有一个texbox ..如果用户勾选第1，第2和第3个单选按钮/复选框，它将填充文本框，如此[screenshot] [1] [ 1]：http://i.stack.imgur.com/J5wf7.png并且它们被每行的缩进分开。一旦用户完成选择值，他/她将需要单击“复制到剪贴板”按钮以从文本框中复制数据基于他/她的选择..我真的需要一个帮助来实现这一点..我正在尝试使用html ...这是我所熟悉的唯一的方式，知识的lll或只是基本..对不起我也是新的在stackoverflow.my以前的问题被搁置，因为我的愚蠢。我的坏。

<HTML>
  <HEAD>
    <TITLE>Test Input</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
      function testResults (form) {
      var TestVar1 = form.input[0].checked;
      var TestVar2 = form.input[1].checked;
      var TestVar3 = form.input[3].checked;
        if (TestVar1 == true) {
          form.textbox.value = "How are";
        } else if (TestVar2 == true){
          form.textbox.value = "you";
        } else if (TestVar3 == true){
          form.textbox.value = "they";
        } else if (TestVar1 == false && TestVar2 == false && TestVar3 == false) {
          form.textbox.value = "";
        }
      }
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="POST">Choose you answer: <BR>
  <INPUT TYPE="radio" NAME="input" VALUE="How are"  onchange="testResults(this.form)">
  <INPUT TYPE="radio" NAME="input" VALUE="you" onchange="testResults(this.form)">
  <INPUT TYPE="radio" NAME="input" VALUE="they" onchange="testResults(this.form)">
  <INPUT TYPE="button" NAME="button" VALUE="Copy to clipboard" onClick="testResults(this.form)">
  <P>Your selections are:</P> <INPUT TYPE="text" ID="textbox" NAME="selected" VALUE=""></div><p>

</FORM>
</BODY>
</HTML>

在文本框中选择单选按钮或复选框的3个值，并将新文本值复制到剪贴板

0 个答案: