将一系列输入值添加到Javascript中的变量_Javascript_Html_Arrays_Checkbox

将一系列输入值添加到Javascript中的变量

javascript html arrays checkbox

将一系列输入值添加到Javascript中的变量,javascript,html,arrays,checkbox,Javascript,Html,Arrays,Checkbox,我有一个页面，旨在通过呼叫中心的复选框将通话点添加到文本区域。所有内容都需要从这一页存储和操作，因为这不会存储在服务器上，而是作为本地站点存储，可以为每个代表进行自定义。我有一系列复选框，选中这些复选框后，将启动一个脚本，该脚本将检查复选框并将每个选中复选框的值添加到CADI变量中。我特别选择使用textarea，这样就可以实时编辑它，而不是将它添加到段落块中然而，有两件事我无法理解如何让每个复选框将自身添加到CADI变量，而不是运行一个查看当前复选框的循环示例1：我选中复选框2，然后手动

我有一个页面，旨在通过呼叫中心的复选框将通话点添加到文本区域。所有内容都需要从这一页存储和操作，因为这不会存储在服务器上，而是作为本地站点存储，可以为每个代表进行自定义。我有一系列复选框，选中这些复选框后，将启动一个脚本，该脚本将检查复选框并将每个选中复选框的值添加到CADI变量中。我特别选择使用textarea，这样就可以实时编辑它，而不是将它添加到段落块中

然而，有两件事我无法理解

如何让每个复选框将自身添加到CADI变量，而不是运行一个查看当前复选框的循环

示例1：我选中复选框2，然后手动编辑文本区域。然后，我选择了复选框3和复选框1，我需要在不重复任何复选框或删除我已编辑的任何注释的情况下添加它们

是否有一种更有效的方法可以在不单独编辑每个复选框的html代码的情况下更改复选框的.value

目前的代码包括在下面

<!DOCTYPE html>

<html>

<head>

<!-- Declare the CADI string variable so that it can hold all of our data -->
<script>
var CADI = "";
</script>

<!-- See which checkboxes are checked, and add those fields to CADI -->
<script>
function AddToCADI()
{
CADI = "";
var check = document.forms[0].check;
var txt = "";
var i;
for (i=0;i<check.length;i++)
  {
  if (check[i].checked)
    { 
    CADI = CADI  + " // " + check[i].value ;
    }
  }

document.getElementById("wrapup").innerHTML = (CADI);
}
</script>

<!-- Clear the CADI variable's string field and all checkboxes -->
<script>
function Clear()
{
CADI= " "
document.getElementById("wrapup").innerHTML = (CADI);
var check = document.forms[0].check;
for (i=0;i<check.length;i++)
{
check[i].checked=false;
}
}
</script>


<!-- Copy Text to Clipboard -->
<script>
function ClipBoard()
{
Copied = document.getElementById("wrapup").createTextRange()
Copied.execCommand("Copy");
}
</script>

</head>


<body>

<table width="700">

<tr>
<td colspan="3" style="background-color:#1E90FF";>

<h1>Click a button to add the it to the Wrap Up!</h1>

<td>
</tr>


<tr>
<td style="width:300px;height:500px;border:1px solid black;">

<b></b>

<form action="">

<!-- Checkboxes to add  to the CADI variable -->

<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>


<br>





</td>

<td id="quick" style="width:400px;height:500px;border:1px solid black;">



<!-- Checkboxes to add  Items to the CADI variable -->
<b></b><br>

<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<br>

<!-- Checkboxes to add  Items to the CADI variable -->
<b></b><br>

<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<br>

<!-- Checkboxes to add  Form Items to the CADI variable -->
<b></b><br>

<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<br>

<!-- Checkboxes to add  Items to the CADI variable -->
<b></b><br>

<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<br>

<!-- Checkboxes to add Written Appeal Items to the CADI variable -->
<b></b><br>

<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<br>

<!-- Checkboxes to add  Items to the CADI variable -->
<b></b><br>

<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>

<br>
</td>
<td id="quick" style="width:300px;height:500px;border:1px solid black;">

<b>Miscellaneous</b><br>

<!-- Checkboxes to add Miscellaneous  to the CADI variable -->

<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>
<input type="checkbox" onclick="AddToCADI()" name="check" value=""><br>

<p> </p>

<!-- Button to copy text to clipboard -->
<button onclick="ClipBoard()">Copy</button>

<br>
<br>


<!-- Button to clear the CADI variable -->
<button onclick="Clear()">Clear All Notes</button>
<br>

</form>



</td>
</tr>

<tr>
<td colspan="3" style="width:900px;text-align:center;">

<!-- Field in which wrapup items will appear -->
<textarea id=wrapup rows="50" cols="100">
This is where your CADI is going to show up.
</textarea>

<!-- Field that will hold the text so it can be copied to the clipboard -->
<textarea id="holdtext" style="display:none;">
</textarea>

</td>
</tr>

</table>

</body>
</html>


var CADI=“”；
函数AddToCADI（）
{
CADI=“”；
var check=document.forms[0]。检查；
var txt=“”；
var i；
对于（i=0；i
“我需要添加它们”添加了什么？当您选中复选框时应该添加什么？当您编辑textarea时应该发生什么？您的问题不清楚。我需要在选中相应的复选框时将每个复选框的.value添加到变量中。存储在变量中的文本将显示在textarea中，这就是应该编辑的内容。我必须删除我存储的字符串是因为它们是特定于业务的。我希望这会有所帮助。