如何把页面被选中的复选框当点击“保存”按钮的时候，存入页面下方的空白区域形成一条记录？ 30
如何把页面被选中的复选框当点击“保存”按钮的时候，存入页面下方的空白区域形成一条记录？这条记录中要保存被选中了哪些复选框，保存多次则显示多条。用jQuery实现。代码：<...
如何把页面被选中的复选框当点击“保存”按钮的时候，存入页面下方的空白区域形成一条记录？这条记录中要保存被选中了哪些复选框，保存多次则显示多条。用jQuery实现。
代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<table align="center">
<tr>
<td><input type="checkbox" id="beijing"/>北京</td>
<td><input type="checkbox" id="shanghai"/>上海</td>
</tr>
<tr>
<td><input type="checkbox" id="tianjin"/>天津</td>
<td><input type="checkbox" id="chongqing"/>重庆</td>
</tr>
<tr>
<td><input type="checkbox" id="shenzhen"/>深圳</td>
<td><input type="checkbox" id="guangzhou"/>广州</td>
</tr>
</table>
<div align="center"><tr><input type="button" value="保存" id="save" /></tr></div><br/><br/><br/>
<div>保存的记录是</div>
</body>
</html>
我现在实际的页面有100+个checkbox，如果每个都是append肯定不行啊。 展开
代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<table align="center">
<tr>
<td><input type="checkbox" id="beijing"/>北京</td>
<td><input type="checkbox" id="shanghai"/>上海</td>
</tr>
<tr>
<td><input type="checkbox" id="tianjin"/>天津</td>
<td><input type="checkbox" id="chongqing"/>重庆</td>
</tr>
<tr>
<td><input type="checkbox" id="shenzhen"/>深圳</td>
<td><input type="checkbox" id="guangzhou"/>广州</td>
</tr>
</table>
<div align="center"><tr><input type="button" value="保存" id="save" /></tr></div><br/><br/><br/>
<div>保存的记录是</div>
</body>
</html>
我现在实际的页面有100+个checkbox，如果每个都是append肯定不行啊。 展开
2个回答
展开全部
您好,很高兴问您解答:
实现此功能主要思路就是得到状态为checked的复选框,然后将值放入下方的div,其实,我个人认为在div内部放入一个表格(table)比较好,因为这样可以看起来很整齐,具体代码为:
<script type="text/javascript">
$(document).ready(function(){
$(”#save“).click(function(){
if($("#beijing").is(':checked')){
$("#city").append("<tr><td>北京</td></tr>");
}
if($("#shanghai").is(':checked')){
$("#city").append("<tr><td>上海</td></tr>");
}
..................................................
)};
)};
</script>
div内放table
<table id ="city">
<tr>
<th>城市</th>
</tr>
</table>
实现此功能主要思路就是得到状态为checked的复选框,然后将值放入下方的div,其实,我个人认为在div内部放入一个表格(table)比较好,因为这样可以看起来很整齐,具体代码为:
<script type="text/javascript">
$(document).ready(function(){
$(”#save“).click(function(){
if($("#beijing").is(':checked')){
$("#city").append("<tr><td>北京</td></tr>");
}
if($("#shanghai").is(':checked')){
$("#city").append("<tr><td>上海</td></tr>");
}
..................................................
)};
)};
</script>
div内放table
<table id ="city">
<tr>
<th>城市</th>
</tr>
</table>
更多追问追答
追问
您的结束符号写反了！应该是});
我现在实际的页面有100+个checkbox，如果每个都是append肯定不行啊！
还有就是我想当我点击按钮后，如果选的是多个，那么多个写在一行，比如选的是北京，上海，广州，那么append应该写3个城市在一行，这个怎么做啊？而且需要有分隔符，因为这个值我后续要获取。
我想能不能把选中的元素的id保存进去，如果可以的话怎么做呢？id之间加个分隔符。
追答
哦 那这个就需要改进为 jquery 选择所有的checkbox,得到一个数组 然后循环遍历他,如果碰到状态为checked的,然后声明一个公共变量,向公共变量累加这个城市,然后中间加个","分割,得到ID的话,就.attr("id")
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
