表单：如果选择了单选按钮，则启用文本区域

Question

当 select "Others Address" 的单选按钮如下 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/

希望对您有所帮助！

表单：如果选择了单选按钮，则启用文本区域

Form: enable textarea if radio button is selected

forms

textarea

radio