javascript - 如何使用 javascript 单选按钮将文本添加到输入区域

Question

我正在尝试实现一个功能，用户可以通过单选按钮选择一个选项，并将该值添加到输入文本框中。

我使用了onClick，但效率不够。

/*
button
<div onClick="    
document.forms['name_of_ the_form']['name_of_the_ input'].value += 'text you want to add to it'" > button </div> 
*/

Answer 1

这是你可以做的:

var radioArray = document.getElementsByName("radio");
for (i = 0; i < radioArray.length; i++) {
    radioArray[i].onclick = alertText;
}

function alertText () {
    document.getElementById("text").innerHTML = this.value;
}

直播版本:http://jsfiddle.net/mankinchi/sL4cfj7r/

alertText 函数中的“this”将指代已单击的实际元素。