JS点击checkbox将其value值在text中显示

如题... 如题 展开
 我来答
匿名用户
2013-06-09
展开全部
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript" type="text/javascript">
function aa()
{
var val=document.getElementById("checkbox");
var inp=document.getElementById("inp");
if(val.checked==true)
{
inp.value=val.value;
}
else
{
inp.value=""
}
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="checkbox" name="checkbox" id="checkbox" value="我被你点了!" onclick="aa()" />
</label>
<label>
<input type="text" name="textfield" id="inp" />
</label>
</form>
</body>
</html>
我就做了一个checkbox,选中checkbox,就在文本框中显示cehekbox的值,不选中,就取消显示。
匿名用户
2013-06-09
展开全部
把下面的代码复制到 .html 文件中自己测试。 <!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>点击checkbox将值传给text</title>
<meta name="keywords" content="零度空间,空间租用,虚拟主机" />
<meta name="description" content=" http://www.00host.cn" />
</head><body>
<script type="text/javascript">
// 代码制作 幽暗之灵
// http://www.00host.cn
function val(v){
var _value = v || '',
el = document.getElementById("test");
if(_value == ''){
return false;
}else{
el.value = _value;
}
}
</script>
<ul>
<li>
<input type="checkbox" value="1" name="note" id="note1" onclick="val(this.value)" /> 一个复选框
</li>
<li>
<input type="text" name="test" id="test" />
</li>
<!-- <li><a href=" http://www.00host.cn"> http://www.00host.cn</a></li> -->
</ul>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-06-09
展开全部
在每个checkbox加onclick="select(this)"定义js函数<script>function select(obj){ if(obj.checked=="true") { document.getElementById('inputtext').value=obj.value;//假设你的文本框的id="inputtext" }else if(obj.checked=="false"){document.getElementById('inputtext').value="";}}</script>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式