<Script>
function rep(x,y)
{
//==傳進來後假如帶55會變成 55<input type='text' name='n55' size='5'>
xx = x+"<input type='text' name='n"+x+"' size='5'>";
if ( y ) //true代表有點就把字串加進去
document.all.addprod2.innerHTML += xx;
else
{
//==勾勾拿掉的要刪除之前加進去的字串
tt = document.all.addprod2.innerHTML;
document.all.addprod2.innerHTML = tt.replace(xx,"");
}
}
</Script>
<input type=checkbox value='55' name=confcok onclick='rep(this.value,this.checked)'>
<input type=checkbox value='44' name=confcok onclick='rep(this.value,this.checked)'>
您勾選的項目是<div id=addprod2></div>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<Script>
function rep(x,y)
{
//==傳進來後假如帶55會變成 55<input type='text' name='n55' size='5'>
xx = "<span id='n"+x+"'>" +x+"<input type='text' name='n"+x+"' size='5'></span>";
if ( y ) //true代表有點就把字串加進去
document.all.addprod2.innerHTML += xx;
else
{
//==勾勾拿掉的要刪除之前加進去的字串
//tt = document.all.addprod2.innerHTML;
//document.all.addprod2.innerHTML = tt.replace(xx,"");
$('#n'+x).remove();
}
}
</Script>
<input type=checkbox value='55' name=confcok onclick='rep(this.value,this.checked)'>
<input type=checkbox value='44' name=confcok onclick='rep(this.value,this.checked)'>
您勾選的項目是<div id=addprod2></div>
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>
