复选框 | 易学教程

html <input>标签类型属性type(file、text、radio、hidden等)详细介绍

阅读更多关于 html 标签类型属性type(file、text、radio、hidden等)详细介绍

html <input>标签类型属性type(file、text、radio、hidden等)详细介绍转载请注明：文章转载自:[ 169IT-最新最全的IT资讯 ] html <input>标签类型属性type(file、text、radio、hidden等)简介 html <input>标签搜集用户信息,是 html Form表单中的一种输入对象。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 html <input>标签类型属性type定义和用法 type 属性规定要显示的 <input> 元素的类型。默认类型是：text。该属性不是必需的，但是我们认为您应该始终使用它。 html <input>标签类型属性type详解 html input标签type属性值(包括html 5新增的type值) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 值描述 button 定义可点击的按钮（大多与 JavaScript 使用来启动脚本） checkbox 定义复选框。 color 定义拾色器。 date 定义日期字段（带有 calendar 控件） datetime 定义日期字段（带有 calendar 和 time 控件）

单选框，复选框样式修改

阅读更多关于单选框，复选框样式修改

1: input[type=radio],input[type=checkbox] { display:inline-block; vertical-align:middle; width:20px; height:20px; margin-left:5px; -webkit-appearance:none; background-color:transparent; border:0; outline:0 !important; line-height:20px; color:#d8d8d8; } 2: input[type=radio]:after { content:""; display:block; width:20px; height:20px; border-radius:50%; text-align:center; line-height:14px; font-size:16px; color:#fff; border:2px solid #ddd; background-color:#fff; box-sizing:border-box; } 3: input[type=checkbox]:after { content:""; display:block; width:20px; height:20px; text-align:center; line

前端基础 jQuery

阅读更多关于前端基础 jQuery

一 jQuery是什么？［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。二什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : jquery对象和DOM对象 1、jQuery对象是一个数组对象，可以通过[index]的方法得到相应的DOM对象。 var $cr = $("#cr"); //jQuery对象 var cr = $cr[0] //DOM对象 alert(cr

02 表单

阅读更多关于 02 表单

//基础表单 <form role="form" > 　　<div class="form-group" > 　　　　<label for="exampleInputEmail1">邮箱：</label> 　　　　<input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的邮箱地址" > 　　</div> 　　<div class="form-group" > 　　　　<label for="exampleInputPassword1">密码</label> 　　　　<input type="password" class="form-control" id="exampleInputPassword1" placeholder="请输入您的邮箱密码" > 　　</div> 　　<div class="checkbox"> 　　　　<label> 　　　　　　<input type="checkbox"> 记住密码　　　　</label> 　　</div> 　　<button type="submit" class="btn btn-default" >进入邮箱</button> </form> 显示结果如下： //水平表单添加类名 form-horizontal

Android View中的控件和监听方法...

阅读更多关于 Android View中的控件和监听方法...

PS：居然三天没写博客了...今天补上...东西虽多，但是都是一些基础...代码多了一些，有人可能会这样问，粘这么多代码有毛用..其实对于一个Android的初学者来说，一个完整的代码是最容易帮助理解的...我也是在一点一点的去学习...看了许多人的博客，大部分都是粘贴部分代码，说实话，刚接触的时候真的感觉不是很好理解...不知道其他地方如何去实现..只能自己慢慢的去摸索..我写的这东西也不是给大神们去看的...大神一看就能明白怎么回事.. 因此我是站在初学者的立场上，才贴了这么多的代码... 好了，不废话了... 学习内容： 1.基本控件的应用... 2.如何为组件绑定监听事件... i.Button 与 TextView组件与监听事件 OnClickListener() 在这里我还是多用例子进行讲解，还是比较清晰的... 这是xml文件：  <?xml version="1.0" encoding="utf-8"?> <Linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"

jstree的checkbox默认选中和隐藏

阅读更多关于 jstree的checkbox默认选中和隐藏

jstree复选框自定义显示隐藏和初始化默认选中首先需要配置 Checkbox plugin "plugins" : ['checkbox'] 设置默认选中状态（checkbox 选中） state: {checked: true} 示例： $('#demo_tree').jstree({ "core" : { 'data': [ { "id" : "ajson1", "parent" : "#", "text" : "Simple root node", state: {checked: true}}, { "id" : "ajson2", "parent" : "#", "text" : "Root node 2" }, { "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" }, { "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" }, ] }, "plugins" : ['checkbox'], }); jstree复选框自定义显示隐藏 jstree 本身不支持在节点中隐藏 checkbox，国外有个大佬给出一个利用 css 来隐藏的解决方案：首先来一段 css .no_checkbox>i.jstree-checkbox{display

jQuery元素操作

阅读更多关于 jQuery元素操作

jQuery中创建元素及追加元素 DOM中可以动态创建元素:document.createElement(“标签的名字”); jQuery中同样可以创建元素标签,并且返回的就是jQuery对象,可以直接调用方法进行使用 1.append 方法用来在元素的末尾追加元素（最后一个子节点）。增加元素末尾 2.prepend ，在元素的开始添加元素（第一个子节点）。增加元素开始 3.after ，在元素之后添加元素（添加兄弟）增加元素后面 4.before ：在元素之前添加元素（添加兄弟）增加元素前面案例：权限选择 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.12.2.js"></script> <script> $(function () { //第一个按钮:获取按钮添加点击事件,获取第一个下拉框中被选中的option添加到第二个下拉框 $("#toRight").click(function () { $("#se2").append($("#se1>option:selected")); }); //第二个按钮 $("#toLeft").click(function () { $("#se1").append($("

jquery操作复选框(checkbox)的12个小技巧总结

阅读更多关于 jquery操作复选框(checkbox)的12个小技巧总结

1、获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2、获取多个checkbox选中项 $('input:checkbox').each(function() { if ($(this).attr('checked') ==true) { alert($(this).val()); } }); 3、设置第一个checkbox 为选中值 $('input:checkbox:first').attr("checked",'checked'); 或者 $('input:checkbox').eq(0).attr("checked",'true'); 4、设置最后一个checkbox为选中值 $('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true'); 5、根据索引值设置任意一个checkbox为选中值 $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0

Layui 表单多选模拟单选，checkbox实现radio效果

阅读更多关于 Layui 表单多选模拟单选，checkbox实现radio效果

< ! DOCTYPE html > < html lang = "zh" > < head > < meta charset = "UTF-8" > < title > Layui 表单多选模拟单选，checkbox实现radio效果 < / title > < link rel = "stylesheet" href = "../assets/libs/layui/css/layui.css" media = "all" > < / head > < body > < div class = "layui-form" > < br > < div class = "layui-form-item" > < label class = "layui-form-label" > 选一个你的兴趣爱好 < / label > < div class = "layui-input-block" isradio = "true" > < input type = "checkbox" lay - skin = "primary" lay - filter = "cb_r" title = "唱" > < input type = "checkbox" lay - skin = "primary" lay - filter = "cb_r" title = "跳" > < input

HTML5 LocalStorage 本地存储

阅读更多关于 HTML5 LocalStorage 本地存储

1.前言 HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上，并再以后需要的时候进行获取。这个概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上，网站在页面加载完毕后可以通过Javascript来获取这些数据。首先自然是检测浏览器是否支持本地存储。在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage，从名字应该可以很清楚的辨认二者的区别，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了。二者用法完全相同，这里以localStorage为例。 if(window.localStorage){ alert('支持localStorage'); }else{ alert('不支持localStorage'); } 2.基本用法存储数据的方法就是直接给 window.localStorage 添加一个属性，例如： window.localStorage.a 或者 window.localStorage["a"] 。它的读取、写、删除操作方法很简单，是以键值对的方式存在的，如下： localStorage.name = "kobi";// 设置

订阅复选框