复选框 | 易学教程

表单元素

阅读更多关于表单元素

表单元素　　 1.单行文本框<input type="text"/>（input 的type 属性的默认值就是"text"） <input type = “text” name=“名称”/> 　　以下是单行文本框的主要属性：　　　　 size：指定文本框的宽度，以字符个数为单位；在大多数浏览器中，文本框的缺省宽度是20个字符。　　　　 value：指定文本框的默认值，是在浏览器第一次显示表单或者用户单击<input type="reset"/>按钮之后在文本框中显示的值。　　　　 maxlength：指定用户输入的最大字符长度。　　　　 readonly：只读属性，当设置readonly属性后，文本框可以获得焦点，但用户不能改变文本框中的value。　　　　 disabled：禁用，当文本框被禁用时，不能获得焦点，当然，用户也不能改变文本框的值。并且在提交表单时，浏览器不会将该文本框的值发送给服务器。　　 2.密码框<input type="password"/>　 <input type=“password” name=“名称”/> 　　 3.单选按钮<input type="radio"/> 　　使用方式：使用 name相同的一组单选按钮，不同radio设定不同的value值，这样通过取指定name的值就可以知道谁被选中了，不用单独的判断

美化修改radio、checkbox的样式

阅读更多关于美化修改radio、checkbox的样式

原理：大致原理都是使用原生的checkbox或input标签，在其后面设置相关联的label元素。给<input>元素设置为透明，然后通过定位让用户看到的是<label>元素，利用css的原生属性来判断用户的操作，设置选中后的label样式,即 input[type=checkbox]:checked+label{} 一、利用css3伪元素实现样式修改 html： <p>您的性别：</p> <div class="radio-sex"> <input type="radio" id="sex1" name="sex"> <label for="sex1"></label> <span>男</span> </div> <div class="radio-sex"> <input type="radio" id="sex2" name="sex"> <label for="sex2"></label> 女 </div> css： .radio-sex { position: relative; display: inline-block; margin-right: 12px; } .radio-sex input { vertical-align: middle; margin-top: -2px; margin-bottom: 1px; /*

Bootstrap 表单

阅读更多关于 Bootstrap 表单

在本章中，我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标记和扩展的类即可创建出不同样式的表单。表单布局 Bootstrap 提供了下列类型的表单布局：垂直表单（默认）内联表单水平表单垂直或基本表单基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：向父 <form> 元素添加 role="form" 。把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .form-control 。 <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 基本表单</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="/scripts/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.min.js"></script> </head> <body> <form role="form">

多组复选框选中获取

阅读更多关于多组复选框选中获取

先来看一下展示效果代码如下： <html > <head> <title>多组复选框选中获取</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge,chrome=1"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/> <style> ul, li{list-style: none} </style> <body> <div> <ul> <li>1. <input type="checkbox" name="s1" checked value="1">1 <input type="checkbox" name="s1" value="2">2 <input type="checkbox" name="s1" value="3">3 <input type="checkbox" name="s1" value="4" checked>4 </li> <li>2. <input type="checkbox" name="s2" value="1" checked>1 <input type="checkbox" name="s2"

JQuery------库

阅读更多关于 JQuery------库

JQuery-------------模块、类库集成了DOM/BOM/JS的类库一、查找元素　　DOM 10左右　　JQuery: 　　　　选择器：　　　　筛选：　　ps:版本：　　1.x:兼容性最好。1.12推荐　　2.x 　　3.x 二、操作元素三、参考的文档和手册：http://jquery.cuishifeng.cn/ 先下载jsquery-1.12.4.js文件，复制到项目中，如图：下载地址-》》 jquery-1.12.4.js 、 jquery-1.12.4.min.js 在<script></script>中，用jQuery或$加.进行调用： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="cssenjian"/>  <style> /*自编样式*/ </style></head><body> <div id="i1">123</div> <script src="jquery-1.12.4.min.js"></script>  <script> //自定义编写的js jQuery $("#i1") /

前端之JQuery

阅读更多关于前端之JQuery

1.1 JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 　　 1.2 JQuery 内容 1. 选择器 2. 筛选器 3. 样式操作 4. 文本操作 5. 属性操作 6. 文档处理 7. 事件 8. 动画效果 9. 插件 10. each、data、Ajax 1.3 JQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用jQuery里的方法：例如$(“#i1”).html()。 $("#i1").html()的意思是：获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。这相当于：document.getElementById("i1").innerHTML; 虽然 jQuery对象是包装 DOM对象后产生的，但是 jQuery对象无法使用 DOM对象的任何方法，同理 DOM对象也没不能使用 jQuery里的方法。约定俗成，声明一个Jquery对象变量的时候在变量名前加上$。 var

[原创]Matlab 之复选框使用

阅读更多关于 [原创]Matlab 之复选框使用

本文简单记录在 Matlab 的 GUI 设计中，复选框的一些使用，比较简单。简单到直接上代码，就是可能比较容易忘记，使用的时候再翻回来好了。 % 复选框，选中后为 1，未选中则为 0 function chechbox_Callback(hObject, eventdata, handles) if ( get(hObject,'Value') ) SW_Checkbox = 1; else SW_Checkbox= 0; end 另外有关于其初值，可以使用全局变量进行设置（已经个人验证），好像也可以直接修改其属性进行修改（未验证）。来源： https://www.cnblogs.com/airbird/p/11455180.html

bootstrap-table复选框默认选中。（从数据库获取到对应的状态进行判断是否为选中状态）

阅读更多关于 bootstrap-table复选框默认选中。（从数据库获取到对应的状态进行判断是否为选中状态）

$('#table').bootstrapTable('destroy'); $('#table').bootstrapTable({ url:'../data/kehulist.json', uniqueId: "id", striped:true, // pagination:true, clickToSelect:true, height:340, columns: [ { field : 'state', checkbox:true, formatter : stateFormatter } ,{ field: 'id', title: '组织编码', sortable: true, },{ field: 'name', title: '组织名称', sortable: true, }], }); / /对应的函数进行判断； function stateFormatter(value, row, index) { if (row.state == true) return { disabled : false,//设置是否可用 checked : true//设置选中 }; return value; } 模拟后台对应的数据； [ { "id": "1", "name": "金蝶软件（中国）有限公司", "state": false, //是否选中 "tel":

Js代码中的span拼接

阅读更多关于 Js代码中的span拼接

今天遇到一个小需求，用bootstrap的table只有两个字段，占用太宽，页面不美观，组长要求用拼接，一行几列的形式展现出来。我在form表单中拼接了span，遇到以下问题：　　1.点击查询，以前生成的span不消失，新的拼接在后面　　2.span中的复选框，值的取出，复选框的状态更换对于职场老手来说，这没什么，但是js代码没接触多久的我来说，只能撞墙寻出口，边撞边试。 ----》对与span不消失：　　获取途径，分享是最好的途径： https://blog.csdn.net/changqing5818/article/details/54313132 我选择的是遍历form删除，下面是代码 $('span', form).each(function(){ $(this).remove(); }); /*这里的form，我换成了$("#"+id)*/ ------》对与复选框的取值　　1）.复选框若是value,直接$(this).val();若是自定义,则是$(this).attr("name");比如 $('input[class="checkbox"]:checked').each(function(){ /*对于选中复选框的value取值*/ $(this).val(); /*自定义取值*/$(this).attr("自定义的名字"); }); 　　2)

php处理复选框

阅读更多关于 php处理复选框

１．ＨＴＭＬ <form action="getData.php" method="post" enctype="multipart/form-data">  <input type="radio" name="gender" value="male">male <input type="radio" name="gender" value="female">female    <input type="checkbox" name="hobby[]" value="pingpong"> pingpong <input type="checkbox" name="hobby[]" value="vollyball"> vollyball

订阅复选框