窗体:如果选择单选按钮，则启用文本区域

Question

当选择以下4个选项的"其他地址"单选按钮时，用户如何在文本区域输入其他地址：

<br><input type="radio" name="br_address" value="Address 1" checked> Address 1
<br><input type="radio" name="br_address" value="Address 2">  Address 2
<br><input type="radio" name="br_address" value="Address 3">  Address 3
<br><input type="radio" name="br_address" value=""> Others Address
<br><textarea name="br_address" rows="3" cols="40" disabled></textarea>

非常感谢您的帮助&支持第一！

Answer 1

当选中其他地址字段时，可以使用一些javascript来切换文本区域。像这样的东西会起作用：

HTML

<br><label><input type="radio" name="br_address" value="Address 1" checked> Address 1</label>
<br><label><input type="radio" name="br_address" value="Address 2">  Address 2</label>
<br><label><input type="radio" name="br_address" value="Address 3">  Address 3</label>
<br><label><input type="radio" name="br_address" value="" id="addressOther"> Others Address</label>
<br><textarea name="br_address" rows="3" cols="40" disabled id="addressField"></textarea>

JavaScript

var addressOther = document.querySelectorAll('input[name="br_address"]');
var addressField = document.getElementById('addressField');
var tempAddress = "";
for(var i = 0; i < addressOther.length; i++) {
    addressOther[i].addEventListener("change", addressHandler);
}

function addressHandler() {
    if(this.id == "addressOther") {
    addressField.disabled = false;
    addressField.value = tempAddress;
  } else {
    tempAddress = addressField.value;
    addressField.value = "";
    addressField.disabled = true;
  }
}

你可以在这个JS Fiddle中看到它的工作：https://jsfiddle.net/pkqm6f52/

希望能有所帮助！