$(function () {
$("#chose tr:even").css("backgroundColor", "red");
$("#chose tr:odd").css("backgroundColor", "blue");//隔行变色})
});
$("#chk").get(0).onclick = function () {
/*，使用jq完成全选和全不选*/
var boolean = $("#chk").get(0).checked;
var check=$("#chose input");
if (boolean) {
$(check).each(function(){
this.checked=true;
})
} else {
$(check).each(function(){
this.checked=false;//通过遍历得到的对象仍旧是dom对象
})
}
}
<body>
<table border="1" width="500px" id="table1">
<tr>
<td><input type="checkbox" id="chk"></td>
<td>编号</td>
<td>姓名</td>
<td>年龄</td>
</tr>
<tbody id="chose">
<tr>
<td><input name="checked" type="checkbox"></td>
<td>1</td>
<td>张三</td>
<td>25</td>
</tr>
<tr>
<td><input name="checked" type="checkbox"></td>
<td>2</td>
<td>李四</td>
<td>27</td>
</tr>
<tr>
<td><input name="checked" type="checkbox"></td>
<td>3</td>
<td>王五</td>
<td>29</td>
</tr>
<tr>
<td><input name="checked" type="checkbox"></td>
<td>4</td>
<td>赵六</td>
<td>22</td>
</tr>
<tr>
<td><input name="checked" type="checkbox"></td>
<td>5</td>
<td>田八</td>
<td>23</td>
</tr>
<tr>
<td><input name="checked" type="checkbox"></td>
<td>6</td>
<td>汾九</td>
<td>33</td>
</tr>
</tbody>
</table>
</body>
扫一扫
3170
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
