手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >关于input全选反选恶心的异常情况
关于input全选反选恶心的异常情况
摘要:上一篇讲到:第一次点击全选按钮input显示对勾,第二次则不显示,需要用prop来添加checked属性。但是用prop会出现一个问题,对勾...

上一篇讲到:第一次点击全选按钮input显示对勾,第二次则不显示,需要用prop来添加checked属性。

但是用prop会出现一个问题,对勾显示,而checked属性不会被添加(比如:$("input[type='checkbox'][name='che']").attr("checked") 获取结果为undefined),这样就无法通过if语句判断是否选中,从而实现反选功能。

我们先来理一下思路:既然“反选”功能的实现是通过判断是否有checked属性,所以当每次执行“全选”“反选”功能时,把checked属性都清除掉,这样之前重复添加的checked属性每次都会进行清除。示例代码如下:

//全选 $("#quanxuan").click(function(){ $("#tb").find("input[type='checkbox'][name='che']").removeAttr("checked"); $("#tb").find("input[type='checkbox'][name='che']").prop("checked", true); }); //反选 $("#fanxuan").click(function(){ $("#tb").find("input[type='checkbox'][name='che']").each(function(){ if($(this).is(":checked")){ $(this).removeAttr("checked"); $(this).prop("checked",false); }else{ $(this).removeAttr("checked"); $(this).prop("checked","checked"); } }); });

目前只能想到这种冗余的办法了,日后遇到新的解决方法再补充。

以上所述是小编给大家介绍的关于input全选反选恶心的异常情况,非常不错,具有参考借鉴价值,希望对大家有所帮助!

【关于input全选反选恶心的异常情况】相关文章:

javascript相关事件的几个概念

javascript实现链接单选效果

限制复选框的最大可选数

Angularjs全局变量被作用域监听的正确姿势

javascript实现可全选、反选及删除表格的方法

Js和JQuery获取鼠标指针坐标的实现代码分享

javascript实现带下拉子菜单的导航菜单效果

JavaScript中Number.MIN_VALUE属性的使用示例

给网页加个彩色窗口

浅谈Javascript线程及定时机制

精品推荐
分类导航