JS:将选中的checkbox一栏中的一部分信息，通过一个按钮操作，显示到一个文本编辑区域里面去。 100
4个回答
展开全部
<html>
<head><title>CheckBox</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function() {
$("#select").click(function() {
if ($(this).attr("checked")) {
$("input[name=items]").each(function() {
$(this).attr("checked", true);
});
} else {
$("input[name=items]").each(function() {
$(this).attr("checked", false);
});
}
});
$("#submit").click(function() {
var text="";
$("input[name=items]").each(function() {
if ($(this).attr("checked")) {
text += " "+$(this).val();
}
});
$("#div").html(text);
});
});
</script>
</head>
<body>
<form action="#" method="post">
<input type="checkbox" id="select"/> 全选
<input type="checkbox" value="1" name="items">1
<input type="checkbox" value="2" name="items">2
<input type="checkbox" value="3" name="items">3
<input type="checkbox" value="4" name="items">4
<input type="checkbox" value="5" name="items">5
<input type="checkbox" value="6" name="items">6
<input type="checkbox" value="7" name="items">7
<input type="checkbox" value="8" name="items">8
<input type="checkbox" value="9" name="items">9
<input type="button" id="submit" value="提交">
<div id="div"></div>
</form>
</body>
</html>
刚写的，如果不会追问。
追问
好的 非常感谢
追答
满意请采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用原生js，无需引用jquery，应该一看就懂
ie8和chrome下均生效
在显示文本的同时也将checkbox的值插入了一个隐藏域
下载需分是为了防止抄袭
不懂的话欢迎追问
更多追问追答
追问
能远程操作一下么？
追答
你可以将代码放到百度的云盘上来，我下载下来修改
网速渣，怕远程不起
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
十分简单
假如你checkbok如下:
<input type="checkbok" id="aaa" valve="">
想显示内容的区域为
<div id="bbb" >
<div>
按钮
<input type="button" value="点击我改变" onclick="cc()">
<script>
function cc(){
var a=document.getElementById("aaa").value;
var b=document.getElementById("bbb");
b.innerHTML=a;
}
</script>
假如你checkbok如下:
<input type="checkbok" id="aaa" valve="">
想显示内容的区域为
<div id="bbb" >
<div>
按钮
<input type="button" value="点击我改变" onclick="cc()">
<script>
function cc(){
var a=document.getElementById("aaa").value;
var b=document.getElementById("bbb");
b.innerHTML=a;
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
咦？我们做过……
比如：checkbox id="checkbox1"
文本编辑区域 id="text1"
按钮的点击事件名称为“btnclick()”
在js文件中：
function btnclick(){
$('#text1').innerHTML=$('#checkbox1').value;
}
比如：checkbox id="checkbox1"
文本编辑区域 id="text1"
按钮的点击事件名称为“btnclick()”
在js文件中：
function btnclick(){
$('#text1').innerHTML=$('#checkbox1').value;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
