Question

我有一个带按钮Click的代码。当我点击文本出现在文本框中。它开始了。但我有一个问题是编写anoter类型的代码。我想使用单选按钮填充文本框但没有按钮Click。所以当我点击收音机时，我想在文本框中显示文字。这是我的代码。

<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>

Answer 1

要点击单选按钮，可以这样做：

<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...";
}

Answer 2

看看你是否想要。

如何使用单选按钮填充文本框

2 个答案: