切图的时候经常会遇到一些表单的处理,比如全选、反选的效果,切图网在做的时候通常会把这些效果做好,效果并不算复杂,完全可以手写,但是遇到次数多了有必要形成一个有效的方法,方便以后快速套用。
2024年11月24日
切图的时候经常会遇到一些表单的处理,比如全选、反选的效果,切图网在做的时候通常会把这些效果做好,效果并不算复杂,完全可以手写,但是遇到次数多了有必要形成一个有效的方法,方便以后快速套用。
2024年11月24日
筒子们,you 来了
checkbox复选框与上一章讲的radio 单选框的属性相似,表现在:
1、可以通过color属性来修改颜色;
2、需搭配checkbox-group 一起使用。
checkbox复选框与radio 单选框不同的地方在于:
2024年11月24日
使用场景:
今天ERP页面上有个功能的小改动,主要是业务人员提出来,需要把原来的CheckBox(即原来的复选框)功能
改为用单选框 ,主要原因是希望,当业务人员没有点击“是”或“否”时,提示她要选择。
因此,这里需要作一些判断:
1.如果客人没有点选时,提示信息,并return;
2024年11月24日
提示:点击上方"蓝色字体"↑ 可订阅!
关于我们 51RGB官方微信
CSS中的级联(cascade)在同一时间可谓是幸福的,也可以说是痛苦不堪的。通常能工作得非常好,但有问题的时候,也让人们都很激动,甚至事件中也离开不CSS。我们所涉及的不仅是CSS的级联也还涉及到CSS的权重。不是说碰到特殊问题才显得困难,可以说CSS的困难无处不在。
在这篇文章中,我将通过一些示例来向大家展示一些CSS的小技巧,让你知道如何使用CSS的级联能变得更友好,也减少一些不必要的需求,从而也减少权重上遇到的麻烦。
2024年11月24日
jquery获取选中的checkbox复选框的值:
checkbox复选框是常用的表单元素之一,既然使用,一般就要获取选中的复选框的值,下面就介绍一下如何使用jQuery实现此功能。
代码实例如下:
html部分
js部分
以上代码实现了我们的需要,点击按钮可以弹出选中选中复选框的value属性值。
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事件:先清除掉所有的选则,然后再把最新的选项赋值上。