复选框 | 易学教程

复选框、单选框样式自定义（https://www.cnblogs.com/freedom-feng/p/11346396.html）

阅读更多关于复选框、单选框样式自定义（https://www.cnblogs.com/freedom-feng/p/11346396.html）

复选框、单选框样式自定义（https://www.cnblogs.com/freedom-feng/p/11346396.html）复选框html内容如下： <input type="checkbox" id="checkbox1"><label for="checkbox1">123</label> <input type="checkbox" id="checkbox2"><label for="checkbox2">23</label> 上面复选框的样式如下： input[type="checkbox"] { width: 20px; height: 20px; background-color: #fff; -webkit-appearance: none; border: 1px solid #c9c9c9; border-radius: 2px; outline: none; } input[type="checkbox"]:checked { background: url("https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=5bc58607708b4710da22f59ea2a7a898

js匹配多选框选中项

阅读更多关于 js匹配多选框选中项

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="gb2312"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <title>复选框多选</title> 8 </head> 9 10 <body> 11 <div> 12 <input type="checkbox" value="1"/><span>红色</span> 13 <input type="checkbox" value="2"/><span>绿色</span> 14 <input type="checkbox" value="3"/><span>黄色</span> 15 <input type="checkbox" value="4"/><span>蓝色</span> 16 <input type="checkbox" value="5"/><span>紫色</span> 17 </div> 18 19 <div> 20 <button type="button" onclick="getValue()"

python-form表单

阅读更多关于 python-form表单

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传送的服务端服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误

layui之表单

阅读更多关于 layui之表单

1.使用 layui 针对各种表单元素做了较为全面的UI支持，你无需去书写那些 UI 结构，你只需要写 HTML 原始的 input、select、textarea 这些基本的标签即可。我们在 UI 上的渲染只要求一点，你必须给表单体系所在的父元素加上 class="layui-form" ，一切的工作都会在你加载完form模块后，自动完成。如下是一个最基本的例子： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui.form小例子</title> <link rel="stylesheet" href="layui.css" media="all"> </head> <body> <form class="layui-form">  <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-input-block"> <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input"> </div>

解决easyui datagrid单选时复选框不取消问题

阅读更多关于解决easyui datagrid单选时复选框不取消问题

1 var flag = true； //定义一个开关变量控制 2 $("#table").datagrid({ 3 pagination: true,//允许分页 4 rownumbers: true,//行号 5 singleSelect: false,//只选择一行 6 pageSize: 20,//每一页数据数量 7 width:"100%", 8 checkOnSelect: false, //此属性必须设置为 false10 pageList: [10,20,30,50], 1 onClickRow: function (rowIndex, rowData) { 2 console.log("进入行点击事件"); 3 $("#table").datagrid("clearChecked"); 4 $("#table").datagrid('selectRow',rowIndex); 5 flag = false; 6 $("#table").datagrid("checkRow",rowIndex); 7 flag = true; 8 10 }, 来源： https://www.cnblogs.com/qinxuhui/p/11969945.html

HTML复选框checkbox默认样式修改

阅读更多关于 HTML复选框checkbox默认样式修改

此方法可以将复选框的默认样式替换成任意样式。如图：未选择：选择时：思路：将复选框隐藏，利用lebal元素的焦点传递特性，用lebal的样式替代复选框。代码如下： <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title > checkbox css change </ title > < style type = "text/css" > input [type="checkbox"] + label { cursor : pointer ; font-size : 1 em ; } [id^="checkbox-"] + label { background-color : #ffffff ; border : 1 px solid #666666 ; box-shadow : 0 1 px 2 px rgba( 0 , 0 , 0 , 0.05 ) , inset 0 px - 15 px 10 px - 12 px rgba( 0 , 0 , 0 , 0.05 ) ; padding : 9 px ; border-radius : 3 px ; display : inline-block ; vertical-align : middle ; } [id^="checkbox-"] +

javascript复选框的选择

阅读更多关于 javascript复选框的选择

复选框 <body> <input type="checkbox" id="dianji" checked="checked"> <input type="button" id="kuang" value="反选"> </body> <script type="text/javascript"> var dianji = document.getElementById('dianji'); var kuang = document.getElementById('kuang'); kuang.onclick = function(){ var ou = (Number(dianji.checked)); ou > 0 ?dianji.checked = '' :dianji.checked = 'checked'; console.log(ou); } </script> 来源： CSDN 作者：欧阳manito 链接： https://blog.csdn.net/style201904/article/details/89979025

Java学习笔记之Swing（三）

阅读更多关于 Java学习笔记之Swing（三）

Java学习笔记之Swing（三） Swing中的常用控件你将学到：了解如何创建文本框和文本框的实际应用；了解如何创建复选框和复选框的实际应用；了解如何创建单选按钮和单选按钮的实际应用；文本框文本框和按钮一样，都是非常常用的控件，文本框提供了一个输入信息的控件。文本框是通过 JTextField 类来创建的，在创建的文本框中当文本超出文本框规定长度时，将自动滚动文本显示。文本框是通过JTextField类的构造器创建的，包括5种构造器，如表所示。构造器说明 public JTextFiled() 创建普通的文本框 public JTextFiled(String text) 创建右默认值的文本框 public JTextFiled(int columns) 创建指定长度的文本框 public JTextFiled(String text,int columns) 创建指定长度和指定文本内容的文本框 public JTextFiled(Documents doc,String text,int columens) 创建具有默认值，长度和文本内容的文本框文本框也是会触发事件的，它和按钮一样，都是触发ActionEvent事件。按钮是被单击时触发事件，而文本框是当用户按下回车键时触发事件。多行文本框当希望进行多行输入时，文本框就不能满足其要求

Delphi DBGrid 实现复选框

阅读更多关于 Delphi DBGrid 实现复选框

1 在数据库对应的表中加入 bit 列验证是否被选中然后dbgrid第一列的filedname是bit列在DBgrid的onDrawColumnCell事件中写： procedure DBGrid1DrawColumnCell(Sender: TObject; const Rect: TRect; DataCol: Integer; Column: TColumn; State: TGridDrawState); const 　　CtrlState: array[Boolean] of Integer = (DFCS_BUTTONCHECK, DFCS_BUTTONCHECK or DFCS_CHECKED); begin if column.Field.DataType=ftboolean then begin DBGrid1.Canvas.FillRect(rect); drawframecontrol(DBGrid1.Canvas.Handle,rect,dfc_button,ctrlstate[column.Field.asboolean]); end; end; 　　上方事件写完后会在第一行第一列出现复选框 2 在dbgrid的oncellclick事件中写，目的就是实现单击时复选框被选中 procedure TcgDaohuodj

自定义复选框样式

阅读更多关于自定义复选框样式

<td style="width:100px" id="MarkSMS"> <label class="chk" style="margin-top:5px;margin-left:10px;font-weight: normal;" title="是否发送短信" onclick="selectIsSMS(this)"><input type="checkbox" id="markSMS" checked="checked" >是否发短信</label> </td> setTimeout($("#MarkSMS").cssCheckbox(), 500); 来源： https://www.cnblogs.com/firstcsharp/p/11940314.html

订阅复选框