源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

关于input全选反选恶心的异常情况

  • 时间:2020-07-05 14:51 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:关于input全选反选恶心的异常情况
[url=http://www.1sucai.cn/article/89038.htm]上一篇[/url]讲到:第一次点击全选按钮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全选反选恶心的异常情况,非常不错,具有参考借鉴价值,希望对大家有所帮助!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部