对象数组及表格处理

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style type="text/css">
table#tb {
font-family: verdana,arial,sans-serif;
font-size:16px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table#tb th {
background:#b5cfd2 url('cell-blue.jpg');
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #999999;
}
table#tb td {
background:#dcddc0 url('cell-grey.jpg');
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #999999;
}
</style>
<body>
<table id="tb">
<tr><th><input type="checkbox" name="op" onclick="setIt()"></th><th> </th><th>书名</th><th>作者</th><th>价格</th></tr>
<script type="text/javascript">
function setIt()
{
for(var i=0;i<document.getElementsByName("op").length;i++)
{
document.getElementsByName("op").item(i).checked=document.getElementsByName("op").item(0).checked;
}
}
function Book(name,author,price)
{
this.name=name;
this.author=author;
this.price=price;
}
var books=new Array();
books[0]=new Book("java从入门到精通","李志同",45);
books[1]=new Book("JQurey全面提速","赵曾敏",48);
books[2]=new Book("零基础学习java","王志丹",62);
books[3]=new Book("J2EE王者之路","刘雪",88);
books[4]=new Book("Andriod开发之路","肖华兵",65);

for(var i=0;i<books.length;i++)
{
document.write("<tr>");
document.write("<td>");
document.write("<input type='checkbox' name='op'/>");
document.write("</td>");
document.write("<td>");
document.write(i+1);
document.write("</td>");
document.write("<td>");
document.write(books[i].name);
document.write("</td>");
document.write("<td>");
document.write(books[i].author);
document.write("</td>");
document.write("<td>");
document.write(books[i].price);
document.write("</td>");
document.write("</tr>");
}
</script>
</table>
</body>

</html>

对象数组及表格处理

对象数组及表格处理

相关推荐