js 实现复选框和文本框的联动
我写的代码-------------------------------------------------<script>vard="";</scri...
我写的代码-------------------------------------------------<script>var d="";</script><input type="checkbox" id="box" value="数据a" onClick="document.getElementById('q').innerHTML=d+value ;d=d+value;"/>数据a <input type="checkbox" id="box" value="数据b" onClick="document.getElementById('q').innerHTML=d+value;d=d+value;"/>数据b<input type="checkbox" id="box" value="数据c" onClick="document.getElementById('q').innerHTML=d+value;d=d+value;"/>数据c<input type="checkbox" id="box" value="数据d" onClick="document.getElementById('q').innerHTML=d+value;d=d+value;"/> 数据d <input type="checkbox" id="box" value="数据e" onClick="document.getElementById('q').innerHTML=d+value;d=d+value;"/>数据e <input type="checkbox" id="box" value="数据f"onClick="document.getElementById('q').innerHTML=d+value;d=d+value;"/>数据f <hr /> <textarea name="textarea" cols="80" id="q"onclick="javascript:window.clipboardData.setData('text',this.value);location.reload();"></textarea>----------------------------因为对JS不熟悉所以希望大家帮忙完善下我想实现的效果是 勾选复选框文本框出现相应内容 取消选择者删除该复选框在文本框的值 我上面只能实现添加不能实现删除。因为对JS不熟悉，希望能帮忙完善下我的思路定义一个方法 test（t） 当复选框 onClick=" test（t）;"/方法内容是判断是否选取状态 如果选取是 当前文本框的值加上传上来的值 并赋值给文本框如果取消选取 获取当前文本框值 然后赛选内容 找到该复选框的值删除获得新的文本框的值 谢谢了
展开
2个回答
展开全部
<html>
<body>
<script>
function sc(status,cvalue)
{
if (status )
{d=d+cvalue;
}
else
{
d=d.replace(cvalue, "");
}
document.getElementById('q').innerHTML=d;
}
var d="";
</script>
<input type="checkbox" value="数据a" onClick="sc(this.checked,this.value)"/>数据a
<input type="checkbox" value="数据b" onClick="sc(this.checked,this.value)"/>数据b
<input type="checkbox" value="数据c" onClick="sc(this.checked,this.value)"/>数据c
<input type="checkbox" value="数据d" onClick="sc(this.checked,this.value)"/> 数据d
<input type="checkbox" value="数据e" onClick="sc(this.checked,this.value)"/>数据e
<input type="checkbox" value="数据f" onClick="sc(this.checked,this.value)"/>数据f <hr />
<textarea name="textarea" cols="80" id="q"onclick="javascript:window.clipboardData.setData('text',this.value);location.reload();"></textarea>
</html>
<body>
<script>
function sc(status,cvalue)
{
if (status )
{d=d+cvalue;
}
else
{
d=d.replace(cvalue, "");
}
document.getElementById('q').innerHTML=d;
}
var d="";
</script>
<input type="checkbox" value="数据a" onClick="sc(this.checked,this.value)"/>数据a
<input type="checkbox" value="数据b" onClick="sc(this.checked,this.value)"/>数据b
<input type="checkbox" value="数据c" onClick="sc(this.checked,this.value)"/>数据c
<input type="checkbox" value="数据d" onClick="sc(this.checked,this.value)"/> 数据d
<input type="checkbox" value="数据e" onClick="sc(this.checked,this.value)"/>数据e
<input type="checkbox" value="数据f" onClick="sc(this.checked,this.value)"/>数据f <hr />
<textarea name="textarea" cols="80" id="q"onclick="javascript:window.clipboardData.setData('text',this.value);location.reload();"></textarea>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没事做，给你现写的！
<html>
<head>
<script language="javascript">
function checkit(obj){
var names=document.getElementsByName("name1");
for(var i=0;i<names.length;i++){
document.getElementsByName("name1")[i].checked=false;
}
obj.checked=true;
}
</script>
</head>
<body>
<tr>
<td><input type="checkbox" name="name1" onclick="checkit(this)" value="1"/>1</td>
<td><input type="checkbox" name="name1" onclick="checkit(this)" value="2"/>2</td>
<td><input type="checkbox" name="name1" onclick="checkit(this)" value="3"/>3</td>
<td><input type="checkbox" name="name1" onclick="checkit(this)" value="4"/>4</td>
</tr>
</body>
</html>
但是你用radio不是更好吗
<html>
<head>
<script language="javascript">
function checkit(obj){
var names=document.getElementsByName("name1");
for(var i=0;i<names.length;i++){
document.getElementsByName("name1")[i].checked=false;
}
obj.checked=true;
}
</script>
</head>
<body>
<tr>
<td><input type="checkbox" name="name1" onclick="checkit(this)" value="1"/>1</td>
<td><input type="checkbox" name="name1" onclick="checkit(this)" value="2"/>2</td>
<td><input type="checkbox" name="name1" onclick="checkit(this)" value="3"/>3</td>
<td><input type="checkbox" name="name1" onclick="checkit(this)" value="4"/>4</td>
</tr>
</body>
</html>
但是你用radio不是更好吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
