3个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
window.onload = function () {
var test = $("test");
test.onclick = function(){
if(this.checked){
$("input").style.display = "block";
}else{
$("input").style.display = "none";
}
}
}
</script>
<style type="text/css">
.main{
width: 400px;
height:300px;
border: 1px solid #ddd;
margin:auto;
}
</style>
</head>
<body>
<div class="main">
<input type="checkbox" id="test"/>
<p id="input" style="display: none"><input type="text" /></p>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
checkbox绑定点击事件,
在checkbox后面放一个<input type="text" id="text1" style="display:none;"/>
上面是让他先隐藏....
然后写jquery事件
function click( )
{
if($("#checkbox").attr("checked")=="checked")//如果被选中了，就显示输入框
{
$("#text1").show();
}
else
{
$("#text1").hide();
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="checkbox" onclick="show(this)"/><input type="hidden" id="bbb"/>
<script type="text/javascript">
function show(obj){
if($(obj).checked){
$("#bbb").attr(''type","text");
}else{
$("#bbb").attr(''type","hidden");
}
}
</script>
<script type="text/javascript">
function show(obj){
if($(obj).checked){
$("#bbb").attr(''type","text");
}else{
$("#bbb").attr(''type","hidden");
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
