2014-10-29 57 views
-1

我有一個代碼與按鈕單擊。當我點擊文本出現在文本框中。它炒鍋。但是我有一個問題需要編寫代碼類型的代碼。我想用單選按鈕填充文本框,但沒有按鈕單擊。所以當我點擊收音機時,我想在文本框中顯示文本。這是我的代碼。如何使用單選按鈕填充文本框

<script type="text/javascript"> 
    function testResults (form) { 
    var TestVar1 = form.input[0].checked; 
    var TestVar2 = form.input[1].checked; 
    var TestVar3 = form.input[2].checked; 
    var TestVar4 = form.input[3].checked; 
    if (TestVar1 == true) { 
     form.textbox.value = "Earth is..."; 
    } else if (TestVar2 == true){ 
     form.textbox.value = "Mars is..."; 
    } else if (TestVar3 == true){ 
     form.textbox.value = "Jupiter is..."; 
    } else if (TestVar4 == true){ 
     form.textbox.value = "Saturn is..."; 
    } 
    } 
</script> 
</head> 
<body> 
    <center> 
    <h1>Our Universe</h1> 
    </center> 
    <form> 
     Select Planet<br /> 
     <input type="radio" name="input" onclick='check_value(0)'/>Earth<p> 
     <input type="radio" name="input" onclick='check_value(1)'/>Mars<p> 
     <input type="radio" name="input" onclick='check_value(2)'/>Jupiter<p> 
     <input type="radio" name="input" onclick='check_value(3)'/>Saturn<p> 
     <input type="button" name="button" value="Click" onClick="testResults(this.form)"><p> 
     <textarea name="comments" id="textbox" rows="5" cols="50"></textarea> 
    </form> 
</body> 

回答

1

看看這是你想要的。

<script type="text/javascript"> function check_value (value,form) { if (value == 0) { form.textbox.value = "Earth is..."; } else if (value == 1){ form.textbox.value = "Mars is..."; } else if (value == 2){ form.textbox.value = "Jupiter is..."; } else if (value == 3){ form.textbox.value = "Saturn is..."; } } </script> </head> <body> <center> <h1>Our Universe</h1> </center> <form> Select Planet<br /> <input type="radio" name="input" onclick='check_value(0,this.form)'/>Earth<p> <input type="radio" name="input" onclick='check_value(1,this.form)'/>Mars<p> <input type="radio" name="input" onclick='check_value(2,this.form)'/>Jupiter<p> <input type="radio" name="input" onclick='check_value(3,this.form)'/>Saturn<p> <input type="button" name="button" value="Click" onClick="testResults(this.form)"><p> <textarea name="comments" id="textbox" rows="5" cols="50"></textarea> </form> </body>

+1

是的,這就是我想要的。謝謝 – 2014-10-29 22:45:19

1

要做到這一點上點擊電臺butttons的方式可能是這樣的:

<input type="radio" name="input" onclick="check_value(this.value)" value="Earth" />Earth<p> 
<input type="radio" name="input" onclick="check_value(this.value)" value="Mars"/>Mars<p> 
<input type="radio" name="input" onclick="check_value(this.value)" value="Jupiter"/>Jupiter<p> 
<input type="radio" name="input" onclick="check_value(this.value)" value="Saturn"/>Saturn<p> 

和js:

function check_value(txt){ 
    document.form.textbox.value = txt + " is..."; 
} 
相關問題