我如何有一个复选框/单选按钮张贴到一个文本区，当我点击提交按钮
How do I have a checkbox/radio button posted to a textarea when I hit submit button?
我希望使这个代码，当你点击单选按钮或复选框它打印到注释框的底部的代码?有人知道如何将javascript连接到html吗?
<TITLE>Paper Comments</TITLE>
<SCRIPT LANGUAGE = "Javascript">
function validate(){
var radios = document.getElementsByName('thesis');
var tarea=document.getElementById('ta');
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
tarea.innerHTML=radios[i].value+"'n";
break;
}
}
radios = document.getElementsByName('intro');
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
tarea.innerHTML+=radios[i].value;
break;
}
}
checkbox= document.getElementsByName('Verification');
for (var i = 0, length = checkbox.length; i < length; i++) {
if (checkbox[i].checked) {
tarea.innerHTML+=checkbox[i].value;
}
var phoneData=document.getElementById('phone1');
tarea.innerHTML+=phoneData.value;
}
</SCRIPT>
</HEAD>
<b>Contact Tel Number</b>
<TEXTAREA id="phone1"rows="1"cols="40"></textarea>
<BODY>
<FORM NAME="frmOne">
<P>
<input type="checkbox" name="Monitored"value="Monitored">
<b>Monitored/Recorded Line Disclosure Given?</b>
<br>
<i>All calls are recorded and monitored</i><br><br>
<tr>
<td><INPUT TYPE="Radio" Name="thesis" Value="Inbound Call">
<b>Inbound Call</b><br></td>
<td><INPUT TYPE="Radio" Name="thesis" Value="Outbound Call"><b>
Outbound Call</td></td><br>
<br>
</P>
<b>Who Called:</b>
<P>
<tr><td>
<INPUT TYPE="Radio" Name="intro" Value="Consumer"Consumer<br>
<INPUT TYPE="Radio" Name="intro" Value="Co-Borrower">Co-Borrower<br>
<INPUT TYPE="Radio" Name="intro" Value="Attorney">Attorney<br>
<INPUT TYPE="Radio" Name="intro" Value="Wrong Party">Wrong Party<br>
<INPUT TYPE="Radio" Name="intro" Value="Authorized 3rd Party">
Authorized 3rd Party<br>
<INPUT TYPE="Radio" Name="intro" Value="Power of Attorney">
Power of Attorney<br>
<INPUT TYPE="Radio" Name="intro" Value="Spouse">Spouse<br>
<INPUT TYPE="Radio" Name="intro" Value="Non-Auth 3P">Non-Auth 3P<br>
<INPUT TYPE="Radio" Name="intro" Value="Wrong Party">
Wrong Party<br></td></tr>
</P>
<P>What did the Consumer verify?<i> Just use one!</i><br>
<td>
<input type="checkbox" name="Verification" value="Full Address"><b>
Full Address</b>
</td>
<td>
<input type="checkbox" name="Verification" value="Last 4 of SSN"><b>
Last 4 of SSN</b>
</td>
<td>
<input type="checkbox" name="Verification" value="Wrong Party"><b>
Wrong Party</b>
</td>
<td>
<input type="checkbox" name="Verification" value="Date of Birth"><b>
Date of Birth</b>
</td>
<td>
<input type="checkbox" name="Verification" value="Client Acct#"><b>
Client Acct#</b>
</td>
</P>
<br>
Mini-Miranda Given? <br>
<i>
I must inform you that this communication is an attempt to collect a debt by a debt collector.
Any information obtained will be used for that purpose. </i>
对
<table border="2" style="width:100%">
如果获得许可，请输入电话号码:
<br>
<input type="text" name="" size="75" style="background-color:Yellow">
<p align="Center"><b>Reason for Delinquency:</b>
<br>
<input type="text" name="" size="75" style="background-color:Yellow">
<p align="Center"><b>Payment Options Offered:</b>
<br>
<input type="text" name="" size="75" style="background-color:Yellow"><br>
</table><br>
<table border="2" style="width:100%" align="center">
<p align="Center"><b>Next Step:</b>
</p>
<td>
<input type="checkbox" name="
Payment Terms Accepted"value="FullAddress"><b>
Payment Terms Accepted</b>
<br>
<input type="checkbox" name="Set Up Call Back " value=
"Set Up Call Back"><b>Set Up Call Back</b>
<br>
<input type="checkbox" name="Caller Request CAD" value="
Caller Request CAD"><b>Caller Request CAD</b>
<br>
<input type="checkbox" name="Requested Mail Only" value="
Requested Mail Only"><b>Requested Mail Only</b>
<br>
<input type="checkbox" name="Requested Letter" value="
Requested Letter"><b>Requested Letter</b>
<br>
<input type="checkbox" name="Conf/Warm Transfer to AES" value="
Conf/Warm Transfer to AES"><b>Conf/Warm Transfer to AES</b>
<br>
<input type="checkbox" name="
Refer to AES/Unable to Transfer" value="
Refer to AES/Unable to Transfer"><b>Refer to AES/Unable to Transfer</b>
<br>
<input type="checkbox" name="Borrower Deceased" value="
Borrower Deceased"><b>Borrower Deceased</b>
<br>
<input type="checkbox" name="DIS/VOD Request" value="
DIS/VOD Request"><b>DIS/VOD Request</b>
</th>
<br>
<th align="left">
<input type="checkbox" name="Refused all Options" value="
Refused all Options"><b>Refused all Options</b>
<br>
<input type="checkbox" name="Going Out To Raise Funds" value="
Going Out To Raise Funds"><b>Going Out To Raise Funds</b>
<br>
<input type="checkbox" name="Caller Hung Up" value="
Caller Hung Up"><b>Caller Hung Up</b>
<br>
<input type="checkbox" name="Customer Filing BKY" value="
Customer Filing BKY"><b>Customer Filing BKY</b>
<br>
<input type="checkbox" name="Co-Maker Filing BKY" value="
Co-Maker Filing BKY"><b>Co-Maker Filing BKY</b>
<br>
<input type="checkbox" name="Active Duty Military" value="
Active Duty Military"><b>Active Duty Military</b>
<br>
<input type="checkbox" name="
Account No Longer With NGI" value="Account No Longer With NGI"><b>
Account No Longer With NGI</b>
<br>
<input type="checkbox" name="Claims Fraud" value="
Claims Fraud"><b>Claims Fraud</b>
<br>
<input type="checkbox" name="RET/DECL Follow Up" value="
RET/DECL Follow Up"><b>RET/DECL Follow Up</b>
</td>
</th>
</tr>
<br><br>
</table>
<br>
<center><INPUT TYPE="button" VALUE=" SUBMIT " onClick="validate()">
</FORM>
<br>
<br>
Call Details:
<TEXTAREA id="ta"rows="10" cols="90"></textarea>
</BODY>
设置复选框的onclick事件来切换文本区域
<input type="checkbox" name="Going Out To Raise Funds" value="Going Out To Raise Funds"
onclick="document.getElementById('ta').value = this.checked ? document.getElementById('checkboxid').name : ''"
id="checkboxid"><b>Going Out To Raise Funds</b></input>
<textarea id="ta"rows="10" cols="90"></textarea>
相关文章：
- 如何将文本区和编辑区分开
- 使用Javascript从一个文本区域逐行解析.subsr(0,6）到另一个文本区
- Epic编辑器可以't访问我的文本区轨道
- 文本区:显示错误数量的字符，我可以写
- 如何在文本区加载word文档的内容
- 文本区 |val(）.length 不计算 chrome 中的“输入/换行符”
- 文本区和下拉集体管理
- 显示文本区前端Javascript的实时预览
- JQuery如何点击html元素复制到文本区
- 我如何得到字符按在一个文本区
- Ajax:批量url列表在文本区发送请求一个接一个，并显示重复的答案
- 在ng-click AngularJS中添加一个文本区输入类型和字符串
- 我怎么能有一个文本区弹出时，用户单击一个按钮
- 在JavaScript中，如何拥有一个只读文本区，并仍然获得onselect事件
- 从文本区匹配一个单词
- 用JavaScript创建一个文本区
- 你可能有一个脚本在HTML文本区/文本字段，并有它执行
- 我如何有一个复选框/单选按钮张贴到一个文本区，当我点击提交按钮
- 如何使用jQuery/Javascript创建一个显示输入滑块值的动态文本区
- 如何生成一个JS编辑器/文本区，根据每个单词的长度对其进行样式化
