如何在html中使用javascript将复选框结果显示到文本字段和空白区域?

如何在html中使用javascript将复选框结果显示到文本字段和空白区域?,javascript,html,textbox,emptydatatext,Javascript,Html,Textbox,Emptydatatext,我想在上面显示的空文本框和空字段中显示单击的内容。我已成功地使用警报消息向他们显示,如下所示: function Chosen() { var message = "" if (document.getElementById('cbconditioning').checked == true) { message += " (AC)"} alert("You have selected: " + message + do

我想在上面显示的空文本框和空字段中显示单击的内容。我已成功地使用警报消息向他们显示,如下所示:

 function Chosen() {
        var message = ""
        if (document.getElementById('cbconditioning').checked == true) {
            message += " (AC)"}
     alert("You have selected: " + message +     document.getElementById("cbotherstext").value);
在我请求的代码中,我希望在两个空字段中显示相同的精确结果

字段及其类型为:

 <input id="cbconditioning" type="checkbox"/>a. Air Conditioning</td>


 <td class="auto-style63" rowspan="3" type="text" id="emptyspace1a" onclick="Chosen()" >
            </td>

 <input id="emptytext1" type="text"/></td>

 <input id="cbotherstext" type="text" disabled="disabled" /></td>

 <input type="button" id="chosenlaunch" onclick="Chosen()" value="Equipments Purchased"/>
a。空调

我想确保这些字段包含在上述函数中。

为了简化操作,您应该为每个复选框使用标签标签

<input id="cbconditioning" type="checkbox"/><label for="cbconditioning">a. Air Conditioning</label></td>
    var getTextContent = function(node) {
        var content = "";
        try {
            if (node.nodeType == 1) {
                var child = node.firstChild;
                while("undefined" != typeof child && child != null) {
                    content += getTextContent(child);
                    if ("undefined" != typeof child.nextSibling) {
                        child = child.nextSibling;
                    } else {
                        child = null;
                    }
                }
            } else if (node.nodeType == 3) {
               content = node.data;
            } else if (node.nodeType != 8) {
              content = node.nodeValue;
            }
         } catch(e) {
             content = "";
         }
         return ""+content;
    };  

var selectedItems = [];
var labels = document.getElementsByTagName('label');
for(var idx=0;idx<labels.length;idx++) {
    if (labels[idx].hasAttribute('for')) {
        var checkboxNode = document.getElementById(labels[idx].getAttribute('for'));
        if (checkboxNode.checked) {
            selectedItems[selectedItems.length] = getTextContent(labels[idx]);
        }
    }
}
alert('You have selected:'+(selectedItems.join(',')));
var targetNode = document.getElementById('TargetNode');
while(targetNode.firstChild) { targetNode.removeChild(targetNode.firstChild); }
targetNode.appendChild(document.createTextNode(selectedItems.join(',')));