1 知识点
- JQ对象修改属性的方法:
$.prop("属性名","参数");
; - this关键字表示当前函数的JQ对象。
2 步骤
- 文档加载完成事件
- allcheck的点击事件中触发函数
- 函数实现更改checks的checked属性改为allcheck的checked属性
3 实现一:使用属性选择器来实现
<script>
$(function(){
$("#allcheck").click(function(){
$("input[name='checks']").prop("checked",this.checked);
});
});
</script>
4 实现二:使用层级选择器来实现
<script>
$(function() {
$("#allcheck").click(function() {
//层级选择器
$("tbody>tr>td>input").prop("checked",this.checked);
});
});
</script>
5 出现的问题
- 把点击事件触发函数的格式写错了