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