复选框

input --checked: 只要复选框有checked属性，不管属性值为空或者为true or false或任意值，复选框都会被选中。切忌：checked属性值不要带引号 <input type="checkbox" checked>1 <input type="checkbox" checked="">2 <input type="checkbox" checked="true">3 <input type="checkbox" checked="false">4 <!--4个复选框都会被勾选 --> 来源： https://www.cnblogs.com/677a/p/11727401.html

最近在学习Jquery，发现attr不太好用，从网上搜了下终于知道其原因，记下备查。 以下为以为网友在js贴吧的内容： 以<input type="checkbox" id="all"/>为例子 取值的例子 $("#all").attr("checked") 在1.6前（含1.6），返回值是boolean类型的true或false； 在1.6后，返回值是"checked"或undefined。 再来看赋值的例子 $("#all").attr("checked",xxxx) 当xxxx为false或null时，取消选中；否则，选中。 所以，$("#all").attr("checked", undefined)执行的结果是：checkbox变成选中状态。 综合attr取值和赋值的例子，再考虑下面第三个常用场景：全选的例子 $("#all").click(function() { var flag = $(this).attr("checked"); $("input.single").attr("checked",flag); }); 当用jquery 1.6前的版本时，flag是true|false；可以得到我们想要的结果。 当用1.6后的版本时，flag是"checked"| undefined；结果是复选框总是被选中。 兼容性解决方案： 方案一： var flag = $

jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的Text和Value: 语法解释： 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); //设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr(

不用写方法，如此判断即可 <el-form-item prop="executType"> <el-checkbox-group v-model="fileApprForm.executType"> <el-checkbox @change="leaderVisible=!leaderVisible" label="呈送领导"></el-checkbox> <el-checkbox @change="executerVisible=!executerVisible" label="发送给执行人"></el-checkbox> </el-checkbox-group> </el-form-item> export default { data() { return { leaderVisible: false, executerVisible: false, }, } }, 来源： https://www.cnblogs.com/xh_Blog/p/11718991.html

widget="statusbar" 头部状态条标签 widget="email" 电子邮件地址标签 widget="selection" 下拉选择标签 widget="mail_followers" 关注者标签 widget="mail_thread" 消息标签 widget="progressbar" 进度条，按百分比标签 widget="one2many_list" 一对多列表标签 widget="many2many_tags" 多对多显示标签 widget="url" 网站链接标签 widget='image' 图片标签 widget="many2many_kanban" 看版标签 widget="handler" 触发标签 widget="radio" 单选标签 widget="char_domain" 字符域标签 widget="monetary" 价格（和精度位数相关）标签 widget="float_time" 单精度时间标签 widget="html" html相关标签 widget="pad" pad显示相关标签 widget="date" 日期标签 widget="monetary" 金额标签 widget='text' 文本标签 widget="sparkline_bar" 燃尽标签 widget="checkbox" 复选框标签 widget=

一、简介、使用 1、简介 　　Bootstrap 来源于 Twitter，是一款基于 Html、Css、JavaScript 的前端UI框架。可以方便、快速的开发web界面。 　　教程：https://www.runoob.com/bootstrap/bootstrap-tutorial.html 2、使用 （1）直接使用CDN 　　BootCDN网址：https://www.bootcdn.cn/ <!-- 新 Bootstrap 核心 CSS 文件 --> <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- jQuery文件。务必在bootstrap.min.js 之前引入，bootstrap.js 基于 jQuery 实现 --> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js">

form表单 form属于块级标签 功能： 表单用于向服务器传输数据，从而实现用户与web服务器的交互 表单能够包含input系列标签，比如文本字段。复选框。单选框。提交按钮等等 表单还可以包含textarea select fieldset labl标签 表单属性： 属性 描述 accept-charset 规定在提交表单时使用的字符集（默认：页面字符集） action 规定向何处提交表单的地址 URL（提交页面） autocomplete 规定浏览器应该自动完成表单（默认：开启） enctype 规定被提及的数据的编码（默认：url-encoded） methon 规定提交表单时所用的方法（默认：get） name 规定识别表单的名称（对于DOM 使用：document.forms.name） novalidate 规定浏览器不验证表单 target 规定action属性中地址的目标（默认：_self） 表单元素： 基本概念： html表单是html里比较复杂的部分，表单往往和脚本 动态页面 数据处理等功能结合 因此他是制作动态网站很重要的内容 表单一般手机用户的输入信息 表单工作原理： 访问者在浏览表单网页时，可填写必须的信息，然后按某个按钮提交。这些信息通过internet传送的服务端 服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误

Label标签添加for属性，该属性设置所属Checkbox标签的id值。 则可绑定，把复选框移至不可见处，设置标签内容点击复选框。 <label id="point" for="check">❔</label> <input id="check" type="checkbox" /> 来源： https://www.cnblogs.com/renhaooh/p/11677148.html

$(function () { $('input[name="Checkbox1"]').click(function () { if ($(this).is(':checked')) { $('input[name="chk"]').each(function () { //此处如果用attr，会出现第三次失效的情况 $(this).prop("checked", true); }); } else { $('input[name="chk"]').each(function () { $(this).removeAttr("checked", false); }); } }); }) $('#choose1').click(function () { $('.formula1').toggle() }) $('#choose2').click(function () { $('.formula2').toggle() }) 来源： https://www.cnblogs.com/webmc/p/11660798.html

jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的 Text和Value: 语法解释： 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']")