求大神，一个页面把左侧的值移动到右边去
如：
父页面有一个输入框，后面有一个按钮，点击按钮弹出一个子页面，子页面分为3个区域，左侧 中侧 右侧，左侧的根据复选框选择，选择中后，点击移动可以移动到右侧显示，右侧的根据复选框选择点击移除，可以清点，点击确定按钮把右侧选择的数据填充到父页面的输入框中。
-----求大神们指点。 复选框 JAVA 左右侧移动 复选框选中
[解决办法]
你用window.parent.document.getElementById("父页面输入框的id").value，如果有jquery的话你可以用winow.parent.$("#id").val()这样就能获取父页面的元素的值了
[解决办法]
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#a4{background-color:#666666;width:800px;clear:both;}
#a7{float:left;width:35%;height:400px; background-color:#FF9999}
#a8{float:left;width:30%;height:400px; background-color:#00CCFF}
#a9{float:left;width:35%;height:400px;background-color:#FFFFCC}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
function toLeft(){
$("#a9 P").siblings().andSelf().has('input').remove();
$("#a7 [name='checkbox'][checked]").each(function(){
$("#a9").append("<p><input type='checkbox' name='checkbox' value='"+$(this).val()+"'>"+$(this).val()+"</p>");
})
}
function clearSelect(){
$("#a9 [name='checkbox'][checked]").each(function(){
$(this).parent().remove();
})
}
</script>
</head>
<body>
<div id="a7">
<p>左侧</p>
<input type="checkbox" name="checkbox" value="checkbox1">
checkbox1
<input type="checkbox" name="checkbox" value="checkbox2">
checkbox2
<input type="checkbox" name="checkbox" value="checkbox3">
checkbox3
<input type="checkbox" name="checkbox" value="checkbox4">
checkbox4
<input type="checkbox" name="checkbox" value="checkbox5">
checkbox5
<input type="checkbox" name="checkbox" value="checkbox6">
checkbox6
<input type="checkbox" name="checkbox" value="checkbox7">
checkbox7
<input type="checkbox" name="checkbox" value="checkbox8">
checkbox8
</div>
<div id="a8">
<p>中侧</p>
<input onclick="toLeft()" type='button' value="移左"/>
<input onclick="clearSelect()" type='button' value="清除" >
</div>
<div id="a9">
<p>右侧</p>
</div>
</div>
</body>
</html>