2024年11月24日
<body> 全选<input type="checkbox" id="all" onclick="checkAll()"/><br/> <input type="checkbox" name="a" /> <input type="checkbox" name="a" /> <input type="checkbox" name="a" /> <input type="checkbox" name="a" /> <input type="checkbox" name="a" /> <input type="checkbox" name="a" /> <br/> <input type="button" value="必须选择三个以上" onclick="f()"/> </body>
2024年11月24日
全称Document Object Model，即文档对象模型。
DOM描绘了一个层次化的树，允许开发人员添加、删除、修改页面的某一部分。
浏览器在解析HTML页面标记的时候，其实不是按照一行一行读取并解析的，
2024年11月24日
单选框Radio和多选框checkbox需要美化吗？当然，原生的样式百年不变已经满足不了我们客户的需求。表单很多控件需要美化，我们有借助Javascript来做美化的，也有直接用CSS来美化的，今天我给大家介绍使用纯CSS实现radio和checkbox的美化。
我们知道，很多使用JS来美化表单控件的方法都不是很理想，需要借助引入js和css，有的甚至使用图片和字体图标，而且还要依赖jQuery，而且复杂、可维护性差。
2024年11月24日
Element UI的 el-table，默认 支持的checkbox是支持多选的，不能设置单选，如下图所示：
如何设置checkbox单选效果呢？
一种方法是是把checkbox设置在el-checkbox-group下，如下所示：
然后使用javaScript手动控制选中的记录；
这里介绍一种特别简单的方法，原理是利用el-table的select事件：先清除掉所有的选则，然后再把最新的选项赋值上。
2024年11月24日
layui更多是面向于后端开发者，所以在组织形式上依然采用了几年前的以浏览器为宿主的类AMD模块管理方式，却又并非受限于CommonJS的那些条条框框，它拥有自己的模式，更加轻量和简单。
获取layui表单复选框已选中的数据:
html
<!DOCTYPEhtml>
2024年11月24日
layui首个版本发布于2016年秋，它区别于那些基于MVVM底层的UI框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
在网页中有很多时候会用到表单赋初值，Layui给我们提供了非常便利的方法：form.val()，但是，这个方法是有一定局限的，例如在使用这个方法给checkbox赋出值时就没有成功，但是又需要用到，Google也没找到觉得合适的答案，大多数都说这个需要自行扩展，所以...
2024年11月24日
微信ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄
（页底留言开放，欢迎来吐槽）
● ● ●
把一个选项属性（Checkbox）设计成切换形关的样式，确实是一个很有创意的想法，视觉体验方面也大大提升。
随着是 CSS3 的出现，实现这些切换样式并不困难，今天我们分享来自 Imagine Alex 编写的「Switcher styles collection」，里面有11款目前流行的切换开头样式，并且包住源码，设计师们可以参考或学习这些技术。
2024年11月24日
在本篇文章里，我们一起学习下如何使用 CSS checkbox hack 技巧制作一个响应式的手风琴组件，这个组件完全基于CSS，没有JavaScript脚本，基于窗口大小进行水平和垂直之间进行切换。为了让大家更好理解，我将和大家一起一步步的进行完成。
下图是我们要制作的手风琴效果
本示例需要你具备一些关于flexbox的知识。