网站首页 > 基础教程 正文
attr('checked', true)设置状态只有第一次有用,再次点击就无效果。类似的属性还有selected 和 disabled。当遇到这种情况的时候,把attr换成prop方法,prop和attr一样使用,以下有例子;
全选的小例子:
$(function(){
$("#j_cbAll").click(function(){
$("#j_tb input").prop("checked",$(this).prop("checked")) //根据全选按钮的状态,设置下属按钮的状态。
})
$("#j_tb input").click(function(){ //当点击下属产品时,全选按钮发生改变,此处用下属产品input的长度来判断是否为选中状态
var inputLen=$("#j_tb input").length;
var inputCheckLen=$("#j_tb input:checked").length;
if(inputLen==inputCheckLen){
$("#j_cbAll").prop("checked",true)
}else{
$("#j_cbAll").prop("checked",false)
}
})
})
猜你喜欢
- 2024-11-25 React 与 虚拟DOM
- 2024-11-25 Vue 的这5个技巧,可以大大提高我们的构建体验
- 2024-11-25 全新web前端开发教程之Jquery事件
- 2024-11-25 JQuery 实现简易记事簿
- 2024-11-25 一波Ts 基础大全;领先同事的机会来了
- 2024-11-25 Python教程:报表和日志精讲
- 2024-11-25 「jQuery-3」 获取和设置标签元素
- 2024-11-25 「B/S端开发」DevExtreme初级入门教程 - 支持TypeScript
- 2024-11-25 jquery常用基础方法
- 2024-11-25 SpringBoot学习笔记八之Admin分配角色权限
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)