-
2021-08-18 11:28:13
#include “mainwindow.h”
#include “ui_mainwindow.h”
#include
#include
#include
#include
using namespace std;
MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent)
, ui(new Ui::MainWindow)
{
QCheckBox *qccb=new QCheckBox(this);
qccb->setGeometry(0,0,100,20);qccb->setText("yangkang"); QCheckBox *qccb1=new QCheckBox(this); qccb->setGeometry(0,30,100,20); qccb1->setText("yangkang1"); QButtonGroup* pButtonGroup = new QButtonGroup(this); pButtonGroup->addButton(qccb,1); pButtonGroup->addButton(qccb1, 2); qDebug()<<qccb1->checkState(); pButtonGroup->setExclusive(false);//这样的话就支持多选了
}
MainWindow::~MainWindow()
{
delete ui;
}更多相关内容 -
uniapp多选标签/多选按钮/多选框源码
2021-12-01 21:00:41该项目用hbuilder可直接导入运行,实现多选框操作,对于初学者,学习遍历,动态给样式赋值。 -
多选按钮代码matlab-12:12
2021-05-26 20:20:05多选按钮代码matlab gitblog 这是一个极轻量级的,基于git issue的个人博客模板,非常适合于想在GitHub pages上搭建个人博客的人。 现有功能 发表文章 文章评论 文章、评论分页 文章设置标签 文章搜索功能 文章、... -
js实现(全选)多选按钮的方法【附实例】
2020-10-22 15:09:47下面小编就为大家带来一篇js实现(全选)多选按钮的方法【附实例】。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 -
H5 jQuery CSS3表单单选多选按钮.zip
2019-07-11 10:53:08代码片段: .wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box;...} -
多选按钮和监听按钮
2019-03-06 01:10:55例子源码和两个图标。 博文链接:https://jiasudu.iteye.com/blog/126762 -
多选按钮代码matlab-stx8991:stx8991
2021-05-26 20:20:09多选按钮代码matlab gitblog 这是一个极轻量级的,基于git issue的个人博客模板,非常适合于想在GitHub pages上搭建个人博客的人。 现有功能 发表文章 文章评论 文章、评论分页 文章设置标签 文章搜索功能 文章、... -
多选按钮代码matlab-creator:创作者
2021-05-26 20:20:45多选按钮代码matlab gitblog 这是一个极轻量级的,基于git issue的个人博客模板,非常适合于想在GitHub pages上搭建个人博客的人。 现有功能 发表文章 文章评论 文章、评论分页 文章设置标签 文章搜索功能 文章、... -
CSS3表单单选多选按钮美化多种类特效.zip
2019-07-11 13:20:25<head> <meta charset="UTF-8"> <...meta name="viewport" content="width=device-width, initial... 多种CSS3表单单选多选按钮美化特效,非常漂亮的可以和多种字体图标结合使用的单选按钮复选框美化代码 -
Android 实现多选按钮对话框.rar
2019-07-10 19:11:15Android 实现多选按钮对话框,在这个例子中,添加到多选下拉框中的内容,事先定义成了数组:String[] items=null;//选项数组,通过重写onCreate方法,从XML文件读取下拉框内容到字符串数组中,为按钮添加监听器,并... -
jQuery单选,多选按钮(美化特效)
2021-06-22 00:53:26jQuery单选,多选按钮(美化特效) jQuery单选多选按钮选中美化特效是一款基于jQuery CSS3实现的表单美化特效。 -
Android单选多选按钮的应用举例
2021-03-16 20:39:52摘要:Java源码,Android,RadioButtonAndCheckBox RadioButton And CheckBox——Android单选多选按钮的应用举例源代码下载。单选按钮和多选按钮在Android中应用十分广泛,因此对于Android开发来说,本实例有必要学习... -
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
2020-10-19 11:39:33最近做项目时遇到了需要用到多选按钮选中触发事件的功能,小编试着手写一个指令,具体实现代码大家参考下本文吧 -
纯css3单选按钮和多选按钮美化样式代码
2019-11-11 21:40:35纯css3单选按钮和多选按钮美化样式代码 纯css3单选按钮和多选按钮美化样式代码 纯css3单选按钮和多选按钮美化样式代码 纯css3单选按钮和多选按钮美化样式代码 纯css3单选按钮和多选按钮美化样式代码 -
CSS3单选多选按钮美化特效特效代码
2021-03-20 03:43:46CSS3单选多选按钮美化特效是一款可以和多种字体图标结合使用的按钮表单特效。 -
jQuery单选多选按钮美化代码插件
2020-06-10 13:18:09jQuery单选多选按钮美化代码插件是一款基于ion.checkRadio.js插件制作的单选按钮多选按钮美化样式。 -
jQuery单选多选按钮选中美化特效特效代码
2021-03-20 03:50:22jQuery单选多选按钮选中美化特效是一款基于jQuery+CSS3实现的表单美化特效。 -
vue实现自定义多选按钮
2020-12-28 16:52:34本文实例为大家分享了vue实现自定义多选按钮的具体代码,供大家参考,具体内容如下 图示 返回的选中列表是一个数组 html部分 <!-- 自定义多选 --> (item,index) key=index class=item.ischeck click=sel... -
jQuery单选多选按钮选中美化特效.zip
2019-07-05 00:27:30jQuery单选多选按钮选中美化特效是一款基于jQuery CSS3实现的表单美化特效。 -
ios-三维多选按钮JZMultiChoicesCircleButton.zip
2019-07-11 18:20:53三维多选按钮JZMultiChoicesCircleButton -
单选按钮、多选按钮用图片实现加样式
2020-09-28 05:47:55单选按钮和多选按钮怎么加样式、怎么把按钮变大?关于这个问题,下面有个示例,需要的朋友可以看看 -
单选按钮和多选按钮
2016-03-11 16:17:59实现了单选按钮和多选按钮的选中和取消,点击单选和多选的响应事件 -
单选多选按钮样式
2017-09-14 14:24:33包含html单选多选按钮的样式,内含一个demo.html以及对应的demo.css。可以对照着将css文件引入自己的项目。 -
小程序多选按钮
2021-12-31 14:39:25{gd1List2}}"> {item.isChecked2?‘normal’:‘a2’}}" bindtap=‘getDemo2’ data-text="{{item.name}}" data-index=’{{index}}’> {{item.name}} <;... }) 这样就可以实现多选效果了 如果有错误的地方请指出来,谢谢<block wx:for="{{gd1List2}}">
<button class="{{item.isChecked2?‘normal’:‘a2’}}" bindtap=‘getDemo2’ data-text="{{item.name}}" data-index=’{{index}}’>
{{item.name}}
<;/button>
</block>
//js
page({
data:{
gd1List2: [
{ name: “毛坯房”, isChecked2: false },
{ name: “普通装修”, isChecked2: false },
{ name: “精装修”, isChecked2: false },
{ name: “豪华装修”, isChecked2: false },
],
},
getDemo2: function (e) {
var that = this
var index = e.currentTarget.dataset.index;//每一个button的索引
var item = that.data.gd1List2[index];//每一个索引对应的内容
item.isChecked2 = !item.isChecked2;//选中,未选中 两种状态切换
that.setData({//更新到data
gd1List2: that.data.gd1List2,
});
})
这样就可以实现多选效果了
如果有错误的地方请指出来,谢谢
-
多选按钮代码matlab-blog:博客
2021-05-26 20:20:16多选按钮代码matlab gitblog 这是一个极轻量级的,基于git issue的个人博客模板,非常适合于想在GitHub pages上搭建个人博客的人。 现有功能 发表文章 文章评论 文章、评论分页 文章设置标签 文章搜索功能 文章、... -
uniapp多选标签/多选按钮/多选框
2021-12-01 20:36:11实现简单的多选标签按钮最近做了一个小项目功能,把部分源码解析一下,实现简单的多选标签,通过遍历的方式读取数据,并赋予多样式,直接上图显示
以上代码粘贴到项目中,可直接运行:<template> <view class=""> <view class="page index"> <!-- 多选,循环遍历填充数据 --> <view class="list-box"> <view v-for="(item,index) in list" :key="index" @click="choice(index)" :class="[item.selected?'selde':'noselde']"> {{item.selected?item.title:item.title}} </view> </view> <!-- 选中的值 --> <view class="valueList"> {{selectList}} </view> </view> </view> </template> <script> export default { data() { return { //定义前端选中的值 selectList:"", //给标签赋值 list: [{ selected: false, title: '标签1' }, { selected: false, title: '标签2' }, { selected: false, title: '标签3' }, { selected: false, title: '标签4' }, { selected: false, title: '标签5' }, { selected: false, title: '标签6' } ], selectId: [], }; }, methods: { //选择按钮 choice(index) { //当再次被选中时,取消当前选中项 if (this.list[index].selected == true) { this.list[index].selected = false; //取消选中时删除数组中的值 for (var i = 0; i < this.selectId.length; i++) { if (this.selectId[i] === this.list[index].title) { this.selectId.splice(i, 1); } } this.selectList=this.selectId console.log("选中的值", this.selectId) } else { this.list[index].selected = true; this.selectId.push(this.list[index].title) for (var i=0;i<this.selectId.length;i++) { console.log("选中的值", this.selectId[i]) } this.selectList=this.selectId console.log("选中的值", this.selectId) } } } }; </script> <!-- 样式表 --> <style lang="scss"> .list-box { display: flex; flex-wrap: wrap; padding: 16upx; border-radius: 10upx; view { width: 20%; height: 60upx; line-height: 60upx; text-align: center; margin-top: 30upx; &:not(:nth-child(3n)) { margin-right: calc(10% / 2); } } } /* 已选择 */ .selde { border: 1px solid red; background: red; color: #FFFFFF; border-radius: 20upx; font-size: 20upx; padding: 0 10upx; } /* 未选择 */ .noselde { border: 1px solid #959595; background: #FFFFFF; color: #959595; border-radius: 20upx; font-size: 20upx; padding: 0 10upx; } .valueList{ margin-top: 20rpx; padding: 20rpx; display: flex; justify-content: center; } </style>