如何用javascript实现按钮增加输入框
如图，点击按键的话，增加实现在上面增加白色，黑色选项跟绿色红色一样的吗，也就是没有按键之间只有两种颜色选择，按键之后有四种颜色现在，怎么实现。用Dreamweaver的话...
如图，点击按键的话，增加实现在上面增加白色，黑色选项跟绿色红色一样的吗，也就是没有按键之间只有两种颜色选择，按键之后有四种颜色现在，怎么实现。用Dreamweaver的话
展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Droid</title>
<style type="text/css">
table {
width: 300px;
height: 200px;
border: 1px solid black;
border-collapse: collapse;
border: 1px solid black;
font: 14px/1.5 Consolas, 微软雅黑;
}
td {
border: 1px solid black;
}
tr.center {
text-align: center;
}
tr.left {
text-align: left;
}
</style>
<script type="text/javascript">
var colors = [
'black', 'white'
];
var addChoices = function (obj)
{
var tr = !!window.ActiveXObject ? obj.parentElement.parentElement.previousSibling
: obj.parentElement.parentElement.previousElementSibling;
if (tr.cells.length == 4)
{
return;
}
for ( var i = 0; i < colors.length; i++)
{
var td = tr.insertCell (tr.cells.length);
var label = document.createElement ('label');
var radio = document.createElement ('input');
radio.type = 'radio';
radio.name = 'color';
var txt = document.createTextNode (colors[i]);
label.appendChild (radio);
label.appendChild (txt);
td.appendChild (label);
}
var tds = document.getElementsByTagName ('td');
for ( var i = 0; i < tds.length; i++)
{
var td = tds[i];
if (td.colSpan == 2)
{
td.colSpan = 4;
}
}
}
</script>
</head>
<body>
<table>
<thead>
<tr class="left">
<td colspan="2">My Web Page</td>
</tr>
</thead>
<tr>
<td colspan="2">A Paragraph.</td>
</tr>
<tr>
<td><label><input type="radio" name="color" />green</label>
</td>
<td><label><input type="radio" name="color" />red</label></td>
</tr>
<tr class="center">
<td colspan="2"><input type="button" value="点击这里" onclick="addChoices(this);" />
</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
