求教!chceckbox如何实现联动? 希望能在上面点击checkbox,下面的文本区域出现checkbox的值,点击取消后,文本区也消失 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE>demo</TITLE> <META http-equiv="content-type" content="text/html;charset=gbk"/> <META NAME="Generator" CONTENT="CSS"> <META NAME="Author" CONTENT="zhangqian"> <META NAME="Keywords" CONTENT="mydemo"> <META NAME="Description" CONTENT="this is my demo"> <LINK rel="stylesheet" type="text/css" href=""></LINK> <style type="text/css"> body { } </style> <script type="text/javascript" src=""></script> </HEAD> <BODY> <input type="checkbox" onclick="test(this)" value="1" id="first" >1<input type="checkbox" onclick="test(this)" value="2" id="second" >2<input type="checkbox" onclick="test(this)" value="3" id="third" >3<div id="result"> </div> <script type="text/javascript"> function test(obj) { if(obj.checked==true) { document.getElementById("result").innerHTML+="<span id='display"+obj.id+"'> "+obj.value+" </span>"; }else { document.getElementById("result").removeChild(document.getElementById("display"+obj.id));; } } </script> </BODY></HTML> <html><head><title></title><script language="javascript" type="text/javascript">function test(obj){ if(obj.id!="myCancle"){ if(obj.checked){ document.getElementById("c4").value=document.getElementById(obj.id).value; }else{ document.getElementById("c4").value=""; } }else{ document.getElementById("c4").value=""; }}</script></head><body">1:<input type="checkbox" value="1" id="c1" onchange="test(this)">2:<input type="checkbox" value="2" id="c2" onchange="test(this)"><input type="button" onclick="test(this)" value="cancle" id="myCancle"><br /><input type="text" id="c4"></body></html> 十分感谢,但是如何实现点击两个checkbox,两个值东鞥传过去呢,现在前面的一个会被后面的覆盖掉 十分感谢,请问,如何实现勾选多个checkbox,文本区域能显示多个value,现在的后一个会被前一个覆盖 document.getElementById("c4").value+=document.getElementById(obj.id).value; 确实可以同时显示多个value,但是这样的话,如果取消一个勾选,全部的数值都没有了,不太方便,可否解决? 将#2的改了下。你试试。<html><head><title></title><script language="javascript" type="text/javascript">function test(obj){ if(obj.id!="myCancle"){ if(obj.checked){ document.getElementById("c4").value+=obj.value; }else{ var reg=new RegExp(obj.value , "g"); document.getElementById("c4").value=document.getElementById("c4").value.replace(reg,''); } }else{ document.getElementById("c4").value=""; }}</script></head><body">1:<input type="checkbox" value="1" id="c1" onchange="test(this)">2:<input type="checkbox" value="2" id="c2" onchange="test(this)"><input type="button" onclick="test(this)" value="cancle" id="myCancle"><br /><input type="text" id="c4"></body></html> var a = document.getElementById("c4").value; 我用PHP写后台,这个该如何存进PHP变量里面呢 Jquery Load 问题【急急急】 一个简单JS的注册 火狐 为什么没效果。 href内调用javascript问题 离奇的问题,请大家来看看 JS中文件名的字符分割问题!希望高手指点 我想在程序中每30秒定期执行一段函数,请问我该怎么实现? 关于onmouseover的一个小问题 一个初学者问题。 JavaScript最新最全的帮助文件哪里有下! 关于怎么获取隐藏(弹出)页面输入框的input id 跪求一个javascript的工具 怎么用js控制iframe的高度 (js在iframe的里面)急急
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>demo</TITLE>
<META http-equiv="content-type" content="text/html;charset=gbk"/>
<META NAME="Generator" CONTENT="CSS">
<META NAME="Author" CONTENT="zhangqian">
<META NAME="Keywords" CONTENT="mydemo">
<META NAME="Description" CONTENT="this is my demo">
<LINK rel="stylesheet" type="text/css" href=""></LINK>
<style type="text/css">
body
{
}
</style>
<script type="text/javascript" src=""></script> </HEAD>
<BODY>
<input type="checkbox" onclick="test(this)" value="1" id="first" >1
<input type="checkbox" onclick="test(this)" value="2" id="second" >2
<input type="checkbox" onclick="test(this)" value="3" id="third" >3<div id="result">
</div>
<script type="text/javascript">
function test(obj)
{
if(obj.checked==true)
{
document.getElementById("result").innerHTML+="<span id='display"+obj.id+"'> "+obj.value+" </span>";
}else
{
document.getElementById("result").removeChild(document.getElementById("display"+obj.id));;
}
}
</script> </BODY>
</HTML>
<script language="javascript" type="text/javascript">
function test(obj){
if(obj.id!="myCancle"){
if(obj.checked){
document.getElementById("c4").value=document.getElementById(obj.id).value;
}else{
document.getElementById("c4").value="";
}
}else{
document.getElementById("c4").value="";
}
}
</script>
</head><body">
1:<input type="checkbox" value="1" id="c1" onchange="test(this)">
2:<input type="checkbox" value="2" id="c2" onchange="test(this)">
<input type="button" onclick="test(this)" value="cancle" id="myCancle">
<br />
<input type="text" id="c4">
</body></html>
<script language="javascript" type="text/javascript">
function test(obj){
if(obj.id!="myCancle"){
if(obj.checked){
document.getElementById("c4").value+=obj.value;
}else{
var reg=new RegExp(obj.value , "g");
document.getElementById("c4").value=document.getElementById("c4").value.replace(reg,'');
}
}else{
document.getElementById("c4").value="";
}
}
</script>
</head><body">
1:<input type="checkbox" value="1" id="c1" onchange="test(this)">
2:<input type="checkbox" value="2" id="c2" onchange="test(this)">
<input type="button" onclick="test(this)" value="cancle" id="myCancle">
<br />
<input type="text" id="c4">
</body></html>