如何在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(',')));