首页 其他文章 Layui 打印表单复选框始终显示√的问题
Layui 打印表单复选框始终显示√的问题
作者 : tanyi 来源 : 我的笔记 浏览 : 18 次 时间 : 2021-05-17 15:04:18
简述
在使用Layui制作表单需要打印时,发现无论复选框是否选择,在打印预览时√始终会显示,因为Layui框架表单的复选框√是单独写的而非原生input复选框,所以需要特殊处理一下

未处理之前原表单内容是这样

image.png

打印预览是这样

image.png

选择与没有选择的区别只是边框粗了一些,这显然不是很明显,也不能满足日常使用者的需求。

最开始简单的想通过css改变颜色来处理,结果发现该元素的字体颜色本身就是白色,而打印预览却变成了灰色的样子

image.png

没办法,只能通过曲线救国的方法。大体思路是首先将所有的复选框的√元素取消,然后通过监听复选框来动态添加和删除√元素。

css部分:

.layui-icon-ok::before {
    content: '';//将√去掉
}
.check_now::before{content: '✔';!important;}//通过样式优先级添加√

js部分:

form.on('checkbox(filter_check)', function(data){
    console.log(data.elem); //得到checkbox原始DOM对象
    console.log(data.othis); //得到美化后的DOM对象
    if(data.elem.checked){
        $(data.othis).find('.layui-icon-ok').addClass('check_now');//这里需要使用美化后的DOM对象,因为很多元素是美化后才生成
    }else {
        $(data.othis).find('.layui-icon-ok').removeClass('check_now');
    }
});

最终效果,原始表单:

image.png

打印预览:

image.png

上一篇: 不懂英文能靠建站卖站达到月入上万?【投稿】

下一篇: 去掉电脑桌面图标小箭头
版权声明:原创文章,转载时请注明原始出处,作者等相关信息。
本文连接:https://ntbk8.cn/index/d-136.html
留言
上传图片
评论列表

106 篇

文章总数

46654 次

浏览总数

95 条

评论总数

昵称 Telkobe
职业 PHP开发
家乡 四川南充
住址 暂居成都
QQ 946188985
文章搜索
热门文章
最新文章
新闻头条

1 患者被狗咬伤后死于狂犬病,家属向首诊医院索赔100万

2 联动65所武汉高校参与,第二届“国漫星光奖”总决赛四个赛道冠军今日出炉

3 好惊险!与被骗擦肩而过的我总结了3点,一定要看

4 九龙警事丨男子酒驾送醉酒姐姐 开出不远就被查

5 【学英模 聚力量】王群:永远守护群众的平安幸福

6 男子凌晨留下遗书出走 警方全城搜寻救人

7 全国青少年文化遗产主题教育系列活动线上线下同时举办

8 今天四六级考题上热搜!普洱、铁观音、龙井……不是一般难

9 三明:渣土车相撞 消防队员紧急救援

10 重要提醒!湛江人,请尽快完成第二针接种!

11 南沙警方在线辟谣,该夫妻涉嫌妨害传染病防治

12 悲剧!男子海吃这种正大量上市水果,胃里查出肿瘤

13 快来,抱走你的“真心星球”!

14 无证还酒驾,调换座位想逃避处罚终难逃“法眼”

15 不畏疫情,“60后”党员书写逆行者故事

16 今天中午,黔织高速货车自燃,88辆电动车被烧毁

17 广州:街坊扭伤脚踝疼晕失意识,护士现场紧急施救

18 今早珠海一小车暴雨中死火!自动锁锁死!线上解锁教学发现玄机!

19 警示:居民住宅如何防范火灾?

20 “不是卖青菜萝卜,不要一分钱两分钱的搞!”这场砍价,硬核!

21 @所有江西人 赶紧去退钱!6月30日截止!

22 云南省地震局启动应急响应:尚未收到人员伤亡报告

23 燃到爆炸!这金字塔尖的逆天神作,撑起了国产科幻的门面

24 对话封闭管理的广州白鹤洞街道居民:每天都期盼着解封的那一天

25 嚣张!六旬男子半夜偷这东西,派出所门口也不放过!

26 极目新闻记者直击独象出没,专家称其离群容易孤独暴躁,建议尽快助其归队

27 河北:超市诬陷女孩偷东西,家长要求道歉遭据,经理:该找哪去哪

28 “面试”室友!武汉合租小姐姐这么做

29 端午小长假第一天 济南融创文旅城接待游客11万人次

30 一台媒总监无症状到身亡不超1天,前台南县长:应排查无症状患者

历史上的今天

1 在914年前的今天,1107年6月13日 (农历五月廿一),南宋开国皇帝宋高宗赵构诞辰。

2 在163年前的今天,1858年6月13日 (农历五月初三),《中俄天津条约》签订。

3 在154年前的今天,1867年6月13日 (农历五月十二),美国派军舰侵入台湾遭痛击。

4 在124年前的今天,1897年6月13日 (农历五月十四),芬兰长跑奇才鲁米诞生。

5 在121年前的今天,1900年6月13日 (农历五月十七),义和团运动爆发。

6 在116年前的今天,1905年6月13日 (农历五月十一),人民音乐家冼星海诞辰。

7 在98年前的今天,1923年6月13日 (农历四月廿九),北洋政府内讧 黎元洪出走天津。

8 在95年前的今天,1926年6月13日 (农历五月初四),毕苏斯基在波兰建立独裁政权。

9 在94年前的今天,1927年6月13日 (农历五月十四),任弼时同陈独秀的一次斗争。

10 在81年前的今天,1940年6月13日 (农历五月初八),电影《蝴蝶梦》上映。

11 在81年前的今天,1940年6月13日 (农历五月初八),国民党查禁毛泽东的《新民主主义论》。

12 1956年6月13日 (农历五月初五),英国从苏伊士运河撤走最后一批军队。

13 1974年6月13日 (农历闰四月廿三),江青树立“革命”典型小靳庄。

14 1975年6月13日 (农历五月初四),英国通货膨胀率创欧洲最高。

15 1978年6月13日 (农历五月初八),我国现代小说家柳青逝世。

16 1981年6月13日 (农历五月十二),空弹手枪射击使伊丽莎白二世受惊。

17 1981年6月13日 (农历五月十二),世界公布首例爱滋病。

18 1982年6月13日 (农历闰四月廿二),第十二届世界杯足球赛开幕。

19 1982年6月13日 (农历闰四月廿二),沙特国王哈立德逝世。

20 1983年6月13日 (农历五月初三),先驱者10号探测器飞出海王星轨道。

21 1994年6月13日 (农历五月初五),震惊美国的辛普森案发生。

22 1995年6月13日 (农历五月十六),法国宣布恢复核试验。

23 1996年6月13日 (农历四月廿八),中国著名探险家余纯顺逝世。

24 1998年6月13日 (农历五月十九),少女被困溶洞42天获救。

25 2000年6月13日 (农历五月十二),朝鲜北南双方领导人首次会晤。

26 2008年6月13日 (农历五月初十),首次拍得人类排卵的过程。

27 在1801年前的今天,0220年6月13日 (农历四月廿五),东汉末年曹操部下的大将夏侯惇逝世。

28 在1365年前的今天,0656年6月13日 (农历五月十六),唐朝胡晋、梁、陈、周、齐、陆书及隋书十志修撰完成。

百度统计 站长统计

©2018-2021 www.ntbk8.cn. All rights reserved.  蜀ICP备18006425号

友情链接:  若岚博客  vipbic  博客大全  快云vps  聚宝盆  飞之梦工作室  华侒说房  提交友链