/* 未选中的 背景样式 */checkbox .wx-checkbox-input{ border-radius: 50%;/* 圆角 */ width: 46rpx; /* 背景的宽 */ height: 46rpx; /* 背景的高 */}/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */checkbox .wx-checkbox-input.wx-checkbox-input-checked{
vue-day03 1.watch 案例:百度搜索框 接口:百度:http://suggestion.baidu.com/su?cb=callback&wd=123 1.深浅监听 watch:{ //浅监听 msg(newVal,oldVal){ console.log(newVal,oldVal) }, //深监听 json:{ //这个名字不能更改 handler(a){ co
概念 用于收集用户信息,进行人机交互的操作。 表单控件的常用属性: name 指定控件的名称,可重复 – 给后台获取数据使用 id 指定标签的唯一识别(类似身份证) value 输入的控件的值(收集,设置) – 用于传递到后台使用的 checked 复选框(单选)默认被选中的项目,三种表现形式: 1.直接在input
jQuery 获取单选框(复选框)选中的状态 <input type="checkbox" name="" id="choose"/> / <input type="raido" name="" id="choose"/> <script type="text/javascript"> $(documen
JQuery - 复选框:全选、全不选 <!DOCTYPE html> <html> <head> <title></title> <!-- 方法一 JS --> <script> onload = function () { //1. 给第一个复选框绑定单击事件 document.getElem
先说一下当前的情况: 来到新公司也已经一个多月,今天是十月三十号,所以,算起来是整整50天(如果是百天,那么小孩子要办百天酒,情侣的这天可能也会过的开心很多)。虽然来了五十天,但是实际上感觉工作了25天左右,因为是第一个项目做完之后,因为人手比较紧张吧,没有后台来,还有需求这块也没有
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale, minimum-scale=1, maximum-scale=1"/> <titl
效果 练习 1 给list里面的每个元素加一个属性来标记是否被选择 在每行的最后一栏加个复选框,标记是否选中(用函数更改元素的标记属性),复选框也要随之更改, 然后在 computed 把没有选中的过滤一下 对于全选,在最下面也做一个复选框,同时在data中增加一个是否被全选的标记, 如果已经被全选
Javascript 1、全选、全不选、反选的js实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti
app.vue <template> <div id="app"> <input type="text" v-model='todo' @keydown="doAdd($event)" /> <br> <hr> <br> <h2>进行中</h2&g
checkbox .wx-checkbox-input { /* checkbox 选项框大小 */ } checkbox .wx-checkbox-input.wx-checkbox-input-checked { /* checkbox 选中后样式 */ } checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { /* checkbox 选中后图标样式 */ } .r
1.不带选项框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全选全不选1(空白)</title> <script type="text/javascript" src="static/js/jquery-1.8.3.min.js"></script> <scr
一、什么是表格 1、表格:是有多个单元格组沉成来显示数据的 2、表格的标签:table 3、表格的组成 行 tr 单元格 td 4、建立表格步骤 1、建立表格, 2、判断行数和列数 3、用行去包含单元格 4、在每个单元格中去添加内
今天遇到layui树状组件回显问题,根据后台返回的json数据的渲染页面显示不对,checked即使设置false也会树状组件复选框默认选中, 解决方案是在赋值checked属性true的时候,可以给一级菜单设置为false,这样渲染的时候因为false所以不会把下级菜单默认选中,又因为下级菜单为true选中情况下,所
每次做复选框的操作的时候都要从网上扒拉,啊啊啊啊,有没有同款记不住的。一般项目用到的都是js拼接的input id需要动态拼接。总结了全选,全不选。以及选择部分时需要向数组添加元素移除元素。 function checkAllSim(){ var chekboxValList = []; if ($("#all_sim_checkbox").i
本小结的学习重点是: 1、复习window.onload = function () {}的使用场景 当我们的js代码是写在header中的时候, 就需要使用window.onload了, 避免浏览器不知道页面中的标签是什么导致报错。 根本原因就是浏览器在加载页面的时候, 是按照从上到下的顺序依次加载
全选或全不选: 步骤分析: 1.确定事件:最上面那个复选框的单击事件 onclick 2.编写函数:让所有的复选框和最上面的复选框保持一致 a.获取最上面这个复选框选中状态 通过checkbox的checked属性即可 b.获取其他的复选框,设置他们的ch
输入框禁止输入 昨天遇到一个问题,需求是一个 输入框 只准点选赋值,不可以手动输入。 开始随手写了一个 :<input type="text" name="input" class="txt bthday" onkeydown="return false;" value="" /> 结果测试说 FIREFOX 下切换成中文就可以输入~~ 崩溃 后来换成了 <input typ
案例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit
前言 我们知道一个东西在c# 中 比如说int 的max 加1会等于min。 如: static void Main(string[] args) { int i = 2147483647; int b = i + 1; Console.WriteLine(b); Console.ReadLine(); } 那么是否可以检查出其是否溢出呢? 正文 static void Main(string[] args) { int i = 214
使用vue语言 这是多选 <div class="div-checked"> <label v-for="it in AreaData" :key="it.id"> <input type="checkbox" @change="choseYW" name="pageIdList" value="被
方法1: 修改原始input的checked状态, 重新渲染 <input type="checkbox" name="xxx" lay-skin="switch" lay-filter="flag">layui.jquery('input[name="xxx"]').attr('checked', 'checked'); //改变开
1.表单概念 :text 找所有的type="text"的input标签 :radio type="radio"的单选按钮 :checkbox type="cheakbox"的多选按钮 :checked 被选中的 2.代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset=
Radio 1.获取选中值,三种方法都可以: 1 2 3 $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: 1 2 3 $('
1.如果不考虑兼容IE10以下的话,可以用HTML5中的classList API,非常方便: let modulYes = document.querySelectorAll('.modul li') for (let i = 0; i < modulYes.length; i++) { modulYes[i].onclick = () => { if (modulYes[i].classList.contains('checked')) { //表