复选框 | 易学教程

Code-NFine：下来框和复选框

阅读更多关于 Code-NFine：下来框和复选框

ylbtech-Code-NFine：下来框和复选框 1. 返回顶部 1、 1.1 html $("#F_OrganizeId").bindSelect({ url: "/SystemManage/Organize/GetTreeSelectJson", }); - <select id="F_OrganizeId" name="F_OrganizeId" class="form-control required"> </select> 1.2 cs [HttpGet] [HandlerAjaxOnly] public ActionResult GetTreeSelectJson() { var data = organizeApp.GetList(); var treeList = new List<TreeSelectModel>(); foreach (OrganizeEntity item in data) { TreeSelectModel treeModel = new TreeSelectModel(); treeModel.id = item.F_Id; treeModel.text = item.F_FullName; treeModel.parentId = item.F_ParentId; treeModel.data = item; treeList.Add

HTML学习笔记二20200310

阅读更多关于 HTML学习笔记二20200310

接着昨天的写了甩个链接 HTML学习笔记一昨天的状态是这个样子的 < link href = "https://fonts.googleapis.com/css?family=Lobster" rel = "stylesheet" type = "text/css" > < style > . red - text { color : red ; } h2 { font - family : Lobster , Monospace ; } p { font - size : 16 px ; font - family : Monospace ; } . thick - green - border { border - color : green ; border - width : 10 px ; border - style : solid ; border - radius : 50 % ; } . smaller - image { width : 100 px ; } < / style > < h2 class = "red-text" > CatPhotoApp < / h2 > < p > Click here for < a href = "#" > cat photos < / a > . < / p > < a href = "#" > < img

jQuery选取所有复选框被选中的值并用Ajax异步提交数据

阅读更多关于 jQuery选取所有复选框被选中的值并用Ajax异步提交数据

昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作，如果用submit表单提交挺方便的，但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了，因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据，今天用到了就分享一下。由于我做的项目一些地方比较复杂，这里我只举一个小例子，能理解就好。首先，我做了一个简单的多个复选框的界面，如图：这是一个比较简单的多个复选框提交界面。代码如下： 1 <body> 2 <div> 3 <input type="checkbox" name="check" value="1"/>复选框1 4 <input type="checkbox" name="check" value="2"/>复选框2 5 <input type="checkbox" name="check" value="3"/>复选框3 6 <br/> 7 <input type="checkbox" name="check" value="4"/>复选框4 8 <input type="checkbox" name="check" value="5"/>复选框5 9 <input type="checkbox" name="check" value="6"/>复选框6 10 <br/> 11 <input type="checkbox" name="check

web端功能测试通用用例③输入选择框

阅读更多关于 web端功能测试通用用例③输入选择框

输入选择框输入框验证输入框之前的标题是否正确验证输入与输出是否信息一致未输入任何信息，当输入框里面有提示信息时，查看提示信息是否合理字段长度校验(边界值) 验证输入状态：当处于某种状态下，输入框是否处于可写或非可写状态。例如，系统自动给予的编号等栏位作为唯一标识，当再次处于编辑状态下，输入框栏位应处于不可写状态，如果可写对其编辑的话，可能会造成数据重复引起冲突等验证对特殊字符输入的处理： a.输入域如对某些字符禁止输入时，是否有限制 b.中文、英文、空格，数字，字符，下划线、单引号等所有特殊字符的组合 c.所有特殊字符测试（!~@#$^&*()_+{}|:“<>?/.,;‘[]=-`￥……（）–：《》？、。，；’【】、=-•）验证二代身份证号： a.长度不等于18位的数字串，是否提示错误 b.特殊字符X在最后一位，是否校验通过 c.特殊字符X在前面17位中任意一位，是否提示错误 d.带字母（非X）、特殊字符、空格、汉字，是否提示错误 e.特殊的18位数字串，如‘00…00’,‘11…11’，是否提示错误验证多行文本输入的处理： a.是否允许回车换行 b.保存后再显示能够保持输入时的格式 c.仅输入回车换行，检查能否正确保存；若能，查看保存结果。若不能，查看是否有正确提示 d.仅输入空格，检查能否正确保存；若能，查看保存结果。若不能，查看是否有正确提示

【基础】layui form 的 verify 能做哪些功能

阅读更多关于【基础】layui form 的 verify 能做哪些功能

我们看一下官方的文档可以知道它可以识别 title、required(必填属性)、手机、邮箱、数字、日期、链接、身份证、密码 <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">单行输入框</label> <div class="layui-input-block"> <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">验证必填项</label> <div class="layui-input-block"> <input type="text" name="username" lay-verify="required" lay-reqtext="用户名是必填项，岂能为空？" placeholder="请输入" autocomplete="off" class="layui-input"> </div> </div>

表单标签: <form>

阅读更多关于表单标签:

表单标签: <form> 功能：表单用于向服务器传输数据，从而实现用户与Web服务器的交互表单能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含textarea、select、fieldset和 label标签。表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如https://www.sogou.com/web method: 表单的提交方式 post/get默认取值就是get 表单元素基本概念： HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容。表单一般用来收集用户的输入信息表单工作原理：访问者在浏览有表单的网页时，可填写必需的信息，然后按某个按钮提交。这些信息通过Internet传送到服务器上。服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。当数据完整无误后，服务器反馈一个输入完成的信息 <input>系列标签 ''' <1> 表单类型 type: text 文本输入框 password 密码输入框 radio 单选框 checkbox 多选框 submit 提交按钮 button 按钮(需要配合js使用.) button和submit的区别？

狄慧201771010104《面向对象程序设计（java）》第十四周学习总结

阅读更多关于狄慧201771010104《面向对象程序设计（java）》第十四周学习总结

实验十四 S wing 图形界面组件实验时间 2017 8 -11-2 9 一、知识点总结 1.模型-视图-控制器模式模型：储存内容视图：显示内容控制器：处理用户输入 2.布局管理 1>局管理器(FlowLayout) JPanel对象的默认布局管理器为FlowLayout，组件加入JPanel中总是处于中央，一行可以排列多个组件，如果一行的空间容纳不下所有的组件则换行。当顶层窗口缩放时，JPanel中组件的大小不会随之缩放。 2>边框布局管理器(BorderLayout) 是JFrame的内容窗格的默认布局管理器，可以选择将空间放在内容窗格的东、南、西、北、中。且将组件加入其中时，组件会充满其对应的整个区域，如果在这个方位再加入一个组件，会覆盖原本存在的组件。当顶层窗口缩放时，东南西北的组件不会随之变化，中部的组件会等比例变化。如果要在某方法并排加入几个组件，则可以先将组件加入JPanel中，再放入边框布局管理器。 BorderLayout的常量定义为字符串 frame.add(new JButton("Yes"),BorderLayout.SOUTH); 3>网格布局(Grid Layout) 布局类似于表格，每个单元大小一致，当顶层窗口缩放时组件大小也随之变化，但是尺寸比例保持一致。 frame.SetLayout(new GridLayout(4,4));/

Vue 进阶教程之：详解 v-model

阅读更多关于 Vue 进阶教程之：详解 v-model

分享 Vue 官网教程上关于 v-model 的讲解不是十分的详细，写这篇文章的目的就是详细的剖析一下，并介绍 Vue 2.2 v-model 改进的地方，然后穿插的再说点 Vue 的小知识。在 Vue 中，有许多方法和 Angular 相似，这主要是因为 Angular 是 Vue 早期开发的灵感来源。然而，Augular 中存在许多问题，在 Vue 中已经得到解决。 v-model 用在 input 元素上时 v-model 虽然很像使用了双向数据绑定的 Angular 的 ng-model ，但是 Vue 是单项数据流， v-model 只是语法糖而已：↓ <input v-model="sth" /> <input v-bind:value="sth" v-on:input="sth = $event.target.value" /> 第一行的代码其实只是第二行的语法糖。然后第二行代码还能简写成这样：↓ <input :value="sth" @input="sth = $event.target.value" /> 要理解这行代码，首先你要知道 input 元素本身有个 oninput 事件，这是 HTML5 新增加的，类似 onchange ，每当输入框内容发生变化，就会触发 oninput ，把最新的 value 传递给 sth 。如果你不知道 $event

jq的常用事件及其案例

阅读更多关于 jq的常用事件及其案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>授权</title> <script src="js/jq/jquery-3.4.1.js" type="text/javascript"></script> <style type="text/css"> p { border: #0d5aa7 2px dashed; } textarea { resize: none; overflow: scroll; outline: none; overflow-y:auto; } span{ background: #666666 2px fixed; } img{border: rebeccapurple solid 2px;padding: 1px} </style> </head>  <form> <table> <tr> <td><p id="p1">我是p1</p></td> <td>

jQuery练习

阅读更多关于 jQuery练习

文章目录 jQuery练习一. 选择器练习 1. 全选全不选： 2. 下拉列表之间的传递 jQuery练习一. 选择器练习 1. 全选全不选： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> < html > < head > < meta http-equiv = " Content-Type " content = " text/html; charset=UTF-8 " > < title > 全选全不选 </ title > < script type = " text/javascript " src = " ../../script/jquery-1.7.2.js " > </ script > < script type = " text/javascript " > $ ( function ( ) { //给全选按钮绑定单击事件 $ ( "#checkedAllBtn" ) . click ( function ( ) { $ ( ":checkbox" ) . prop ( "checked" , true ) ; } ) //全不选 $ ( "#checkedNoBtn" ) . click (

订阅复选框