window.onload = function() {
var shower = document.getElementById('shower');
var confcoks = document.getElementsByName('confcok');
var tester = document.getElementById('tester');
tester.onclick = function() {
alert(shower.innerHTML);
}
for ( var i = 0; i < confcoks.length; i++ ) {
doWhatYouWantToDo(confcoks[i]);
}
function doWhatYouWantToDo(cc) {
var textElmt = document.createTextNode('n' + cc.value);
var inptElmt = null;
try {
inptElmt = document.createElement('<input size=50 type=text name=n' + cc.value + '>');
} catch (e) {
inptElmt = document.createElement('input');
inptElmt.setAttribute('type', 'text');
inptElmt.setAttribute('name', 'n' + cc.value);
inptElmt.setAttribute('size', '50');
}
cc.checked = false;
cc.onclick = function() {
if ( cc.checked ) {
shower.appendChild(textElmt);
shower.appendChild(inptElmt);
} else {
shower.removeChild(textElmt);
shower.removeChild(inptElmt);
}
}
}
}
</script>
<body>
<input type="button" value="show innerHTML" id="tester" />
<input type=checkbox value='55' name=confcok />
<input type=checkbox value='44' name=confcok />
您勾選的項目是<div id=shower></div>
</body>
