时间:2021-05-25
上一篇讲到:第一次点击全选按钮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全选反选恶心的异常情况,非常不错,具有参考借鉴价值,希望对大家有所帮助!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
4月16日消息,蘑菇街4月15日发布关于《商品抽检异常情况及处理规则》失效公告(以下简称公告)。公告称,原商品抽检异常情况及处理规则从2021年4月15日起做失
操作checkbox,全选反选复制代码代码如下://全选functioncheckAll(){$('input[name="TheID"]').attr("ch
在推进淘宝客户时也容易发生异常情况,但有些异常情况会给淘宝客户带来非常严重的处罚,为了避免这些情况的发生,接下来详细介绍电气商务运营网的编辑。通过虚假夸大的内容
小红书客服需要妥善处理好客户的问题,对于出现的异常情况也要及时应对。如果客服无法处理异常事件发生,那么将会出现更大、更严重的问题。不想面对异常情况束手无策,来详
网站流量分析怎么发现网站出现异常情况?其实流量对于一个网站来说是非常重要的,要是我们的网站经常出现异常情况,那么这个网站就可能存在很大的危机,一定要及时处理好。