Jquery获取勾选复选框里面的值并且动态添加到一个新的div里面

<script src="js/jQuery-1.7.min.js"></script>


<script type="text/JavaScript">
$(function() {
//获取所有复选框
var $xz = $("input[name=check-2]:checked");
$("input:button").click(function() {
text = $("input:checkbox[name='check-1']:checked").map(function() {
return $(this).val();
}).get();
alert("选中的checkbox的值为：" + text);
//给p标签动态添加内容
$("#addid").append("<div style='background-color: red;'>" + text + "</div>");
});
});
</script>

<p>1-1加速度第一定律 <label class="mo-lable-inputck"><input type="checkbox" name="check-1" value="1-1加速度第一定律" /></label></p>
<p>1-2加速度第一定律 <label class="mo-lable-inputck"><input type="checkbox" name="check-1" value="1-2加速度第一定律" /></label></p>
<p>1-3加速度第一定律 <label class="mo-lable-inputck"><input type="checkbox" name="check-1" value="1-3加速度第一定律" /></label></p>
<p>1-4加速度第一定律 <label class="mo-lable-inputck"><input type="checkbox" name="check-1" value="1-4加速度第一定律" /></label></p>
<p>1-5加速度第一定律 <label class="mo-lable-inputck"><input type="checkbox" name="check-1" value="1-5加速度第一定律" /></label></p>
<input type="button" value="提交">



<p id="addid"></p>