单选框 | 易学教程

iphone 使用按钮实现单选框

阅读更多关于 iphone 使用按钮实现单选框

//画图 -( void )addSecondZone:( UIView *)contentView // 按钮图片 UIImage *selecticonNo =[ UIImage imageNamed : SelecticonNo ]; UIImage *selecticon =[ UIImage imageNamed : Selecticon ]; UIView * childSecondView ; childSecondView = [[ UIView alloc ] initWithFrame : CGRectMake ( 0 , 155 , 320 , 500 )]; int pointY =0; for ( int i= 0 ;i< 4 ;i++) { [ childSecondView addSubImageView :contentbar Rect : CGRectMake ( 0 , pointY , 320 ,contentbar. size . height / 2 )]; UIButton * button = [ UIButton buttonWithType : UIButtonTypeCustom ]; [ button setBackgroundImage :selecticonNo forState : UIControlStateNormal

Duilib教程－控件练习

阅读更多关于 Duilib教程－控件练习

一、控件消息的响应。在HelloDuilib 例子中，程序不能退出，在这里，我将添加一个关闭按钮，当点击它时，调用 PostQuitMessage 进行退出。首先在界面的右上角添加一个关闭按钮，并取名为“ btnClose ”。然后在 CHelloDuilibWnd 中重载 WindowImplBase::Notify (); 代码如下： void CHelloDuilibWnd::Notify( TNotifyUI& msg ) { if (msg.sType == DUI_MSGTYPE_CLICK) // 先判断消息类型，如果是单击 { if (msg.pSender->GetName() == _T ("btnClose")) // 如果控件名为 btnClose { PostQuitMessage(0); } } } 如是即可退出程序。二、获取XML 中的控件。一般的情况下，可以在窗口初始化的时候获取一个控件，当然你在什么时候获取都是可以的，在初始化获取，以后你就可以任意地使用了。添加重载函数：WindowImplBae::InitWindow ，代码如下： void CHelloDuilibWnd::InitWindow() { m_btnClose = static_cast <CButtonUI*> (m_PaintManager

2020-01-19

阅读更多关于 2020-01-19

HTML的学习了解HTML ： HTML文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。从本质上来说，Internet（互联网）是一个由一系列传输协议和各类文档所组成的集合，html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上，通过传输协议用户可以远程获取这些文件所传达的资讯和信息。超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。浏览器使用HTML标签和脚本来诠释网页内容，但不会将它们显示在页面上。HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表（CSS）来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素。 HTML文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。从本质上来说，Internet（互联网

vue中怎么处理多个单选框，且单选框互不影响的方案

阅读更多关于 vue中怎么处理多个单选框，且单选框互不影响的方案

项目需求是：需要提交多个老师的信息，信息中包含老师的职位，职位是单选框；难点是：怎么确保多个单选框不冲突，单选框怎么用v-for遍历出来；最终效果是： 1、首先最外层先通过数组遍历出来，数组结构需要加上老师名称和手机号，便于保存，具体结构如下： teacherList: [ { name: '一', role: 1, teacherName: '', phone: null }, { name: '二', role: 1, teacherName: '', phone: null }, { name: '三', role: 1, teacherName: '', phone: null } ] 解释一下：name是用来显示是第几位老师，role默认值为1，是职位默认为主管，后面的name和phone是用来保存每个老师的信息；　　　　<div> <img class="teacher-img" src="../../common/image/teacher.png" alt=""> <span class="teacher-title">第{{item.name}}位辅导老师</span> </div> <div> <input v-model="item.teacherName" class="teacher-name" type="text" maxlength="8"

Python GUI编程tkinter单选框

阅读更多关于 Python GUI编程tkinter单选框

from tkinter import * app = Tk() v = IntVar() r1 = Radiobutton(text='单选框1', variable=v, value=1) r2 = Radiobutton(text='单选框2', variable=v, value=2) r1.pack() r2.pack() def check_status(): print(v.get()) btn = Button(text='获取复选框中的内容', command=check_status) btn.pack() app.mainloop() 来源： CSDN 作者： itchou 链接： https://blog.csdn.net/ithongchou/article/details/103888160

利用jQuery动态设置单选框的选中

阅读更多关于利用jQuery动态设置单选框的选中

一、需要实现的效果这里使用jQuery来实现。需要实现的效果如下：当下拉条改变时，单选框选中的值随之变化。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>动态设置单选框的选中</title>  </head> <body> <select id="sexSelect" style="width: 10%;"> <option value="1">男</option> <option value="2">女</option> </select> 男：<input type="radio" value="1" name="sex" id="sexRadio1" checked/> 女：<input type="radio" value="2" name="sex" id="sexRadio2"/> </body> <script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script> <script type="text/javascript"> $("#sexSelect").change(function(){ /

教你两招用纯CSS写Tab切换

阅读更多关于教你两招用纯CSS写Tab切换

说到Tab切换，你可能首先想到的就是使用jQuery，短短几行代码就可以轻松搞定一个Tab切换。而今天所要分享的，是使用 0 行JS代码来实现Tab切换！具体效果如下： Tab切换方法一：模拟单选框原理关于模拟单选框，在我之前文章中有讲到，详情请戳→ 纯CSS模拟单选框和复选框该方法大致原理如下：当用户点击label元素时，该label所绑定的input单选框就会被选中，同时通过使用CSS选择器让被选中的input元素之后的label和.content元素都加上相应的样式。具体如何实现呢？请耐心往下看... 1. HTML结构  <ul> <li> <input id="tab1" type="radio" name="tab" checked> <label for="tab1">选项一</label> <div class="content">选项一内容</div> </li> <li> <input id="tab2" type="radio" name="tab"> <label for="tab2">选项二</label> <div class="content">选项二内容</div> </li> <li> <input id="tab3" type="radio" name="tab"> <label for="tab3">选项三<

基础HTML： label标签的for属性

阅读更多关于基础HTML： label标签的for属性

转载，高手飘过。。。说来羞煞人：我一直没搞懂label与一个span标签有什么不同，貌似显示方式及作用都一样的。刚才发现，其实label标签最大的不同就在于他的for属性。 label标签通常是写在表单（form）内的，他与一个普通的span最大的不同，就是可以和表单元素配对，比如文本框，单选框，复选框。而配对的方法，就是通过label的for属性。比如 < input type = "text" name = "" id = "text" /> < label for = "text" > 一个label，配文本框 </ label > < br /> < input id = "User3" type = "radio" name = "gender" value = "3" > < span for = "User3" > 一个span </ span > < label for = "User3" > label配radio </ label > 测试以上代码，你会发现点击“配文本框”的label时，它前面的input:text标签获得焦点了（可输入）！而点击“配radio”时，它前面的单选框radio就被选中了；但点击“一个span”时，单选框不会有什么反应，虽然它们离得更近。这些只是因为label的for属性。它为label指定了一个目标

超简单自定义单选框和复选框

阅读更多关于超简单自定义单选框和复选框

在很多时候，浏览器自带的单选框和复选框的样式不够美观，并且浏览器的样式之间带有差异。已经不足以我们生产的需求。下面用css来自定义修改一下单选框与复选框的样式。下面我是分享最简单的一种搞定自定义设置效果图首先定义需要设计的样式 .radio-item .radio { width : 15px ; height : 15px ; border : 1px solid #999 ; cursor : pointer ; display : inline-block ; box-sizing : border-box ; } 点击之后的样式 .radio-item input:checked+.radio { border-color : #008c8c ; } .radio-item input:checked~span { color : #008c8c ; } 设计好外表样式然受使用伪类进行设计里面的的样式这个可以自定义设计了 .radio-item input:checked+.radio::after { display : block ; font-weight : bold ; font-size : 24px ; font-family : Sans-serif ; background : transparent ; content : "√" ;

复选框、单选框样式自定义（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

订阅单选框