故如虹,知恩;故如月,知明
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

bootstrap动态生成的单选框复选框等无法点击选中的问题

10333人阅读 2019/4/12 15:01 总访问:3839236 评论:0 收藏:0 手机
分类: Bootstrap


bootstrap的单选框、复选框是要经过渲染的,然后才显示出来的


经过渲染的是这样的

没有经过渲染的就是最原始的样子


所以它的选中效果其实就是一个样式控制的而已

如图所示其实就是加了一个checked的样式



动态生成的之所以选中不了是因为,动态生成的没有被渲染过,没有没有添加上样式,解决方法


1:复制渲染之后的这样会让样式看起来是美化之后的


2:自己添加事件实现选中效果

这样如果单选框全部是动态生成的那么没有问题,但是如果和以前bootstrap渲染的混用的话就会有些问题了

,选中以前的动态添加的不会去掉选中,这是因为它不动实现方法造成的。


我们能不能调用某个方法去渲染动态生成的呢,这样不就完美解决问题了哦?

答案是肯定的,其实非常的简单,只需要调用一句话就行了


那就是 App.init();

其实我们在bootstrap那个那边就可以看到,dom加载完后就默认调用了这个方法进行所有的标签渲染


如果App.init提示不存在,要注意引入相关的js,至少下面这两个是要的




欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价