81,122
社区成员
发帖
与我相关
我的任务
分享jquery append追加时checkbox没进到td里面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!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>
<link rel="stylesheet"
href="${pageContext.request.contextPath }/css/css.css"
type="text/css"></link>
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.8.3.js">
</script>
<script type="text/javascript">
$(function(){
//获取已完成订单的部门数据
getSelectPart();
});
function getSelectPart(){
$(document).on("click","#selectpart",function(){
$("#hidetable").empty();
$("#hidetable").append("<tr><td style='text-align:left;background:red'>");
for(var i = 0;i<4;i++){
$("#hidetable").append("<input type='checkbox' name='checkname' value='part.PId'/>");
}
$("#hidetable").append("</td></tr>");
});
}
</script>
</head>
<body>
<span id="selectpart">请选择部门</span>
<table id="hidetable">
<!-- 出问题的填充位置-->
</table>
</body>
</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>
<link rel="stylesheet"
href="${pageContext.request.contextPath }/css/css.css"
type="text/css"></link>
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.8.3.js">
</script>
<script type="text/javascript">
$(function(){
//获取已完成订单的部门数据
getSelectPart();
});
function getSelectPart(){
$(document).on("click","#selectpart",function(){
$("#hidetable").empty();
$("#hidetable").append("<tr><td style='text-align:left;background:red'>");
for(var i = 0;i<4;i++){
$("#hidetable").append("<input type='checkbox' name='checkname' value='part.PId'/>");
}
$("#hidetable").append("</td></tr>");
});
}
</script>
</head>
<body>
<span id="selectpart">请选择部门</span>
<table id="hidetable">
<!-- 出问题的填充位置-->
</table>
</body>
</html>
怎么解决？大哥哥大姐姐们
...全文
请发表友善的回复…
发表回复
转战-大陆 2016-02-18
- 打赏
- 举报
看别人用的$("id").html()拼接代替的追加 ,也挺好的,
转战-大陆 2016-02-18
- 打赏
- 举报
用$("id").html()拼接代替的追加
tony4geek 2015-12-16
- 打赏
- 举报
F12 调试看看
dracularking 2015-12-16
- 打赏
- 举报
<table id="hidetable">
<!-- 出问题的填充位置-->
</table>
在这个基础上，估计即使empty后再append也没用，应该获得它第二级及以下所有内容后再append
