一列CheckBoxList，我想实现如果选择一项，后面就会动态出现一个文本框，并取得文本框里的值，求代码
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
input[type='text']{display:none;}
</style>
<script>
function check(obj) {
if (obj.checked) {
var tbox = document.getElementById('Text' + obj.id);
tbox.style.display = 'block';
alert(tbox.value);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul>
<li><input type="checkbox" onchange="check(this)" id="Checkbox1"/><input type="text" id="TextCheckbox1" value="Text1" /></li>
<li><input type="checkbox" onchange="check(this)" id="Checkbox2"/><input type="text" id="TextCheckbox2" value="Text2" /></li>
<li><input type="checkbox" onchange="check(this)" id="Checkbox3"/><input type="text" id="TextCheckbox3" value="Text3" /></li>
<li><input type="checkbox" onchange="check(this)" id="Checkbox4"/><input type="text" id="TextCheckbox4" value="Text4" /></li>
</ul>
</div>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
input[type='text']{display:none;}
</style>
<script>
function check(obj) {
if (obj.checked) {
var tbox = document.getElementById('Text' + obj.id);
tbox.style.display = 'block';
alert(tbox.value);
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul>
<li><input type="checkbox" onchange="check(this)" id="Checkbox1"/><input type="text" id="TextCheckbox1" value="Text1" /></li>
<li><input type="checkbox" onchange="check(this)" id="Checkbox2"/><input type="text" id="TextCheckbox2" value="Text2" /></li>
<li><input type="checkbox" onchange="check(this)" id="Checkbox3"/><input type="text" id="TextCheckbox3" value="Text3" /></li>
<li><input type="checkbox" onchange="check(this)" id="Checkbox4"/><input type="text" id="TextCheckbox4" value="Text4" /></li>
</ul>
</div>
</form>
</body>
</html>
追问
我的意思是 CheckBoxList是已经绑定好数据库的，我也不知道有多少个。我想实现的是选定一项其后面就动态添加一个文本框，没有选定的没有。
追答
function check(obj) {
if (obj.checked) {
var e = document.createElement("input");
e.type='text';
e.value=obj.id;
e.id=obj.id+'text';
obj.parentNode.appendChild(e);
alert(e.value);
}
else
{
document.getElementById(obj.id+'text').style.display='none';
}
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
