Question

js勾选复选框出来文本框

<p>
<input type="checkbox" name="checkbox" value="checkbox">
白色
<input type="checkbox" name="checkbox2" value="checkbox">
黑色
<input type="checkbox" name="checkbox3" value="checkbox">
红色
<input type="checkbox" name="checkbox4" value="checkbox">
蓝色</p>
<p>如何才能勾选白色出来文本框并赋值呢如：</p>
<p>
<input name="textfield" type="text" value="白色">
</p>
<p>同样勾选其他颜色也出来别的颜色例如：</p>
<p>
<input name="textfield2" type="text" value="黑色">
</p>
<p>
<input name="textfield3" type="text" value="红色">
</p>

Answer 1

看看这样行不行
<p>
<input type="checkbox" name="checkbox" value="白色" onclick="showValue(this)"/>
白色
<input type="checkbox" name="checkbox2" value="黑色" onclick="showValue(this)"/>
黑色
<input type="checkbox" name="checkbox3" value="红色" onclick="showValue(this)"/>
红色
<input type="checkbox" name="checkbox4" value="蓝色" onclick="showValue(this)"/>
蓝色</p>
<p>如何才能勾选白色出来文本框并赋值呢如：</p>
<p>
<input id="textfield" name="textfield" type="text" value="">
</p>
</p>
<script>
function showValue(cb) {
if(cb.checked == true) {
document.getElementById("textfield").value = cb.value;
var items = document.getElementsByTagName("input");
for(var i = 0; i < items.length; i++) {
if(items[i].type == "checkbox" && items[i].value != cb.value) {
items[i].checked = false;
}
}
}
}
</script>

追问

不是这个样子，比如，勾选白色出来一个文本框，里面写着白色，再勾选黑色第二个文本框又出来了里面写着黑色，就是可以多选的，每选一个就多出来一个文本框，对不起，我描述的不好，您在费心

追答

白色

黑色

红色

蓝色

如何才能勾选白色出来文本框并赋值呢如：

function showValue(cb) {
if(cb.checked == true) {
var genId = new Date().getTime();
cb.genId = genId;
document.getElementById("msg").innerHTML += "
"
} else {
if(cb.genId) {
document.getElementById("msg").removeChild(document.getElementById(cb.genId));
}

}
}

这样是吧

Answer 2

给点动力呀。我写出来了。