Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择单选按钮时填充文本字段_Javascript_Html_Radio Button_Textfield - Fatal编程技术网

Javascript 选择单选按钮时填充文本字段

Javascript 选择单选按钮时填充文本字段,javascript,html,radio-button,textfield,Javascript,Html,Radio Button,Textfield,我有一个HTML表单,当我选择其中一个单选按钮时,我试图获取一个文本字段来显示某些文本。到目前为止,如果我单击按钮,它将在文本字段中显示正确的文本。我的目标是消除“单击”按钮,并让文本字段在我选择单选按钮时立即显示文本。如何在Javascript中实现这一点 我知道textfields有一个“OnKeyUp”事件,但我似乎不知道单选按钮是否有类似的东西,可以让我确定何时选择了一个。我尝试过OnChange和OnFocus事件,但可能我做得不对,因为我无法让它们工作。非常感谢您的任何建议 这就是我

我有一个HTML表单,当我选择其中一个单选按钮时,我试图获取一个文本字段来显示某些文本。到目前为止,如果我单击按钮,它将在文本字段中显示正确的文本。我的目标是消除“单击”按钮,并让文本字段在我选择单选按钮时立即显示文本。如何在Javascript中实现这一点

我知道textfields有一个“OnKeyUp”事件,但我似乎不知道单选按钮是否有类似的东西,可以让我确定何时选择了一个。我尝试过OnChange和OnFocus事件,但可能我做得不对,因为我无法让它们工作。非常感谢您的任何建议

这就是我到目前为止所做的:

<HTML>
  <HEAD>
    <TITLE>Test Input</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
      function testResults (form) {
      var TestVar1 = form.input[0].checked;
      var TestVar2 = form.input[1].checked;
        if (TestVar1 == true) {
          form.textbox.value = "red";
        } else if (TestVar2 == true){
          form.textbox.value = "blue";
        } else if (TestVar1 == false && TestVar2 == false) {
          form.textbox.value = "";
        }
      }
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="POST">Choose a Color: <BR>
  <INPUT TYPE="radio" NAME="input" VALUE="red">red<P>
  <INPUT TYPE="radio" NAME="input" VALUE="blue">blue<P>
  <INPUT TYPE="button" NAME="button" VALUE="Click" onClick="testResults(this.form)">
  <P>Selected:</P> <INPUT TYPE="text" ID="textbox" NAME="selected" VALUE=""></div><p>

</FORM>
</BODY>
</HTML>

测试输入
函数测试结果(表格){
var TestVar1=form.input[0]。已选中;
var TestVar2=form.input[1]。已选中;
if(TestVar1==true){
form.textbox.value=“红色”;
}else if(TestVar2==true){
form.textbox.value=“蓝色”;
}else if(TestVar1==false&&TestVar2==false){
form.textbox.value=“”;
}
}
选择一种颜色:
红色

蓝色

已选择:


添加onchange事件更改以下两行代码:

TYPE="radio" NAME="input" VALUE="red"  onchange="testResults(this.form)
TYPE="radio" NAME="input" VALUE="blue" onchange="testResults(this.form)

如果这不起作用,可能是你的浏览器。document.getElementByID是除所有浏览器之外的对象

谢谢!!我忘记了
testResults(this.form)
中的
this
,只是一个关于不同浏览器行为的注释:在Firefox中它工作得很好!在Internet Explorer中,需要单击单选按钮之外的某个位置才能识别更改。