<script type="text/javascript">
$(function() {
$.ajax({
type : "post",
url : "productServlet?method=getAll",
success : function(msg) {
alert(msg);
//将JSON字符串转换为JSON对象
var object = msg.parseJSON();
for ( var i = 0; i < object.length; i++) {
//创建tr标签
var tr = document.createElement("tr");
//创建td标签
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var td4 = document.createElement("td");
var td5 = document.createElement("td");
var td6 = document.createElement("td");
//创建复选框
var checkbox = document.createElement("input");
checkbox.setAttribute("type", "checkbox");
//输入td标签内容
var text1 = document.createTextNode(object[i].productId);
var text2 = document.createTextNode(object[i].productName);
var text3 = document.createTextNode(object[i].price);
var text4 = document.createTextNode(object[i].pnumber);
var text5 = document.createTextNode(object[i].productDesc);
checkbox.setAttribute("value", object[i].productName);
//将内容添加到td
td1.appendChild(checkbox);
td2.appendChild(text1);
td3.appendChild(text2);
td4.appendChild(text3);
td5.appendChild(text4);
td6.appendChild(text5);
//往td中放入到tr中
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
tr.appendChild(td6);
//往tr中放入到table中
table.appendChild(tr);
}

//第一行设置背景颜色为gray
$("tr:eq(0)").css("bgcolor", "gray");
//偶数行设置背景颜色为#B3DEE5
$("tr:odd").css("bgcolor", "#B3DEE5");
//偶数行设置背景颜色为#E1FFFF
$("tr:even").css("bgcolor", "#E1FFFF");

//判读是否选中复选框
var mycheck = $("input:checked");
$("#all").click(function() {
//如果该复选框被选中，则实现全选功能
if ($(this).is(":checked")) {
$("input").attr("checked", true);
} else {//如果该复选框未被选中，则实现取消全选功能
$("input").attr("checked", false);
}
})

$("#getall").click(function() {
var mycheck = $("input:checked");
//遍历得到每个checkbox的value值
var show = "选中的商品名称为：\n";
for ( var i = 0; i < mycheck.length; i++) {
show += mycheck[i].value + "\n";
}
alert(show);
})
}
});

});
</script>