我正在尝试实现一个功能 - 用户可以通过单选按钮选择一个选项,并将值添加到输入文本框中。
我使用了onClick
,但效率不高。
/*
button
<div onClick="
document.forms['name_of_ the_form']['name_of_the_ input'].value += 'text you want to add to it'" > button </div>
*/
答案 0 :(得分: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/
&#34;这&#34;在alertText函数中将引用已被单击的实际元素。
答案 1 :(得分:0)
您可以使用一些jQuery来轻松实现这一目标。
HTML:
<input type="radio" name="radio" value="Something">Something
<input type="radio" name="radio" value="Something 2">Something 2
<input type="radio" name="radio" value="Something 3">Somethign 3
<textarea id="target"></textarea>
JS:
$(document).ready(function(){
$('input[name=radio]:radio').on('change', function() {
$('#target').val( $(this).val() );
});
});
-----非jQuery -----
HTML:
<input type="radio" name="radio" class="radio" value="Something">Something
<input type="radio" name="radio" class="radio" value="Something 2">Something 2
<input type="radio" name="radio" class="radio" value="Something 3">Somethign 3
<textarea id="target"></textarea>
JS:
var buttons = document.querySelectorAll('.radio');
for( i=0; i<buttons.length; i++ ) {
buttons[i].addEventListener('change',function(){
document.querySelector('#target').value = this.value;
});
}
答案 2 :(得分:0)
使用 javascript 我可以举个例子:
function myfunction() {
var radios = document.getElementsByName('radname');
if (radios[0].checked) {
radvalue = radios[0].value
} else if (radios[1].checked) {
radvalue = radios[1].value
}
document.getElementById('txt').value = radvalue;
}
使用此作为参考,将为您提供帮助。