-
2019-03-14 15:08:07
HTML脚本
<div class="col-md-10" id="BoxGroup">
<span class="GoodsBarCode" ><input type="checkbox" value="货品" /><label>货品</label></span>
<span class="BatchBarCode"><input type="checkbox" value="批次码" /><label>批次码</label></span>
<span class="OneBarCode" > <input type="checkbox" value="唯一码"/><label>唯一码</label></span>
</div>JS脚本
$(function () {
$('#BoxGroup').find('input[type=checkbox]').bind('click', function () {
$(this).attr("checked", true);
$('#checkBoxGroup').find('input[type=checkbox]').not(this).attr("checked", false);
});})
//取到当前复选框选中的值
$("#BoxGroup:checkbox[checked]").each(function (i) {
ImportType= $(this).val();
});
更多相关内容 -
Qt之QTableView添加复选框
2016-08-29 17:32:07实现表头和表第一列插入checkbox复选框,运用QT委托重绘表头和表第一列 -
Tkinter 常用控件复选框
2022-03-12 14:34:41(3)复选框通常是⽤来选择信息的,它前⾯ 有个⼩正⽅形的⽅块,如果选中则有⼀个对号,也可以再次点击以取消该对号来取消选中。测试代码如下:from tkinterimport *ChooseP =FalseChooseC =Falsedef funChooseP():&...复选框
(1)复选按钮 Checkbutton 类,它的实例化和 Button 相似。
(2) 既然是按钮,那就可以有 command 属性,该属性可以对应到⼀个函数上去来执⾏某些功能。
(3)复选框通常是⽤来选择信息的,它前⾯ 有个⼩正⽅形的⽅块,如果选中则有⼀个对号,也可以再次点击以取消该对号来取消选中。
测试代码如下:
from tkinterimport * ChooseP =False ChooseC =False def funChooseP(): global lab, checkBtnA, ChooseP if ChooseP ==False: ChooseP =True lab["text"] ="选择 Python 语言学习" else: ChooseP =False lab["text"] ="不选择Python" def funChooseC(): global lab, checkBtnB, ChooseC if ChooseC ==False: ChooseC =True lab["text"] ="选择 C++ 语言学习" else: ChooseC =False lab["text"] ="不选择C++"
window = Tk()
checkBtnA = Checkbutton(window, text=“Python”, command=funChooseP)
checkBtnA.pack()
checkBtnB = Checkbutton(window, text=“C++”, command=funChooseC)
checkBtnB.pack()
lab = Label(window, text="")
lab.pack()
window.mainloop()
效果如下:
-
java:按钮(复选框)
2022-04-04 18:46:38按钮(复选框)一、关键代码(一)、单选按钮组件(二)、按钮默认勾选二、简单说明三、流程图四、源码(一)、源码A(二)、源码A的运行效果五、结语六、定位日期 一、关键代码 (一)、单选按钮组件 复选框“◻”...一、关键代码
(一)、单选按钮组件
- 复选框“◻”,即方框可可勾选的按钮,和单选框“O”(圆形可勾选按钮)不同的只是外形和代码的单词不同,原理流程却相似。如都要引入相关的包类,以创建组件等。若复选框也和单选框一样使用按钮组,也可以达成单选框的效果。当然反过来,圆形可勾选按钮(单选框)也可以作为复选框的功能来使用。圆形可勾选按钮(单选框)具体可以看往篇“按钮(圆形可勾选按钮)”的博文。
- 添加如下代码时,相关联的几个按钮中只能勾选一个按钮。比如,勾选按钮c_box_1后再勾选按钮c_box_2后,则按钮c_box_1的勾选效果便会取消,最后也只有按钮c_box_2则处于勾选状态。这里根据代码
JCheckBox
字面没有关于按钮的内容,但细看字面可翻译为:java的可勾选盒子,也就是复选框。流程原理和单选框相同,创建的组件(按钮,等)都要放入到group(组)中,以达到几个按钮只能勾选一个的效果。
// 单选按钮组件 ButtonGroup group_1=new ButtonGroup();// 按钮 组 group_1.add(c_box_1); group_1.add(c_box_2); group_1.add(c_box_3);
- 注意:使用相应的代码功能需要添加相应的功能包。以上的代码则需要在源码前添加如下代码类包:
import javax.swing.JCheckBox;// 复选框
(二)、按钮默认勾选
- 这里代码是默认勾选按钮c_box_1。
- 默认情况下,按钮初始状态是没有勾选的。想默认勾选哪个按钮,需要如下代码:
c_box_1.setSelected(true);// 默认选中,Selected(选中)。
二、简单说明
大致流程思想:
- 创建一个窗体,创建一个容器,将容器嵌入窗体中。
- 容器设置布局(本文:流布局)。
- 在容器中新建圆形可勾选的按钮组件,多个。
- 添加单选按钮组件。
- 设置默认勾选按钮。
- 新建监听器,创建事件,编辑事件的内容,本文用的是信息框。
- 此外,注意添加窗体和容器的相关功能的包类,import ····等这些。或则使用继承JFrame窗体类的方法也可以,作者为让逻辑感更好一个类一个类的设置引用。望往后能熟能生巧。
三、流程图
四、源码
(一)、源码A
/* 【程序思想】 * 按钮 复选框 1、窗体 2、按钮,方框可打勾按钮 3、按钮,复选框 */ import java.awt.Container;// 容器 import java.awt.FlowLayout;// 流布局 import java.awt.event.ActionListener;// 监听器 import java.awt.event.ActionEvent;// 事件 import javax.swing.JFrame;// 窗体 import javax.swing.JCheckBox;// 复选框 import javax.swing.JOptionPane;// 消息框 import javax.swing.JButton;// 按钮 import javax.swing.ButtonGroup;// 按钮组 class Demo{ JFrame f=new JFrame();// 创建窗体 Container c;// 容器 /* way2 设置容器 复选框 */ void way2(){ // Content(包含),pane(窗格) c=f.getContentPane();// 容器c嵌入窗体f中 c.setLayout(new FlowLayout());// 布局,流布局,flow(流动) JCheckBox c_box_1=new JCheckBox("按钮1");// 复选框,check(打勾) JCheckBox c_box_2=new JCheckBox("按钮2");// check(打勾) JCheckBox c_box_3=new JCheckBox("按钮3");// check(打勾) c.add(c_box_1); c.add(c_box_2); c.add(c_box_3); // 单选按钮组件 /* ButtonGroup group_1=new ButtonGroup();// 按钮 组 group_1.add(c_box_1); group_1.add(c_box_2); group_1.add(c_box_3); */ c_box_1.setSelected(true);// 默认选中,Selected(选中)。 JButton btn_0=new JButton("点击触发事件"); // action(动作),listener(监听) btn_0.addActionListener(new ActionListener(){// 增加监听动作 // performed(执行) public void actionPerformed(ActionEvent e){// 满足 动作 事件 的选择后触发以下事件 // 信息框,option(选择),message(消息),dialog(对话框) JOptionPane.showMessageDialog(f, c_box_1.getText()+"是否选中:"+c_box_1.isSelected()+"\n"+ c_box_2.getText()+"是否选中:"+c_box_2.isSelected()+"\n"+ c_box_3.getText()+"是否选中:"+c_box_3.isSelected() ); } }); c.add(btn_0); } /* way1 窗体的基本属性 */ void way1(){ f.setBounds(400,200,500,400);// 坐标、尺寸 // Default(默认),Operation(操作) f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);// 点×即关闭 } public static void main(String[] args) { Demo d=new Demo(); d.way1();// 窗体基本属性 d.way2();// 容器。复选框。 d.f.setVisible(true);// 窗体可见 } }
(二)、源码A的运行效果
-
1.默认效果如下图:
-
2.再点击按钮2,点击“点击触发事件”,弹出信息框。如下图:
注意:单选框的功能已经被注释,程序运行不会有单选的效果,想实现单选框的效果取消单选组件的相关代码的注释便可。
五、结语
复选框的原理和单选框的原理相似,单选框按钮的内容,具体可浏览上一篇博文《按钮(圆形可勾选按钮)》。虽说是单选框和复选框,但其实这两也只是代码中单词翻译的字面意识不同。真正实现单选的功能,只是添加了一个按钮组
ButtonGroup
类的功能。不加这个单选功能时,方框或者圆形的可勾选按钮组(单选框和复选框)都可以是复选,也就是多个按钮可同时勾选;而添加了单选的功能,方框或者圆形的可勾选按钮组(单选框和复选框)都只能是单个按钮勾选了。六、定位日期
2022.4.4;19:42
-
复选框字体大小如何设置 wps复选框文字大小怎么调整
2021-06-11 06:06:53Excel 怎样修改窗体/复选框中文字的大小Excel 修改窗体/复选框中文字的大小的具体步骤如下: 需要准备的材料分别是:电脑、Excel 表格。 以win7系统、Excel 表格2010版为例:首先打开需要编辑的Excel 表格,进入到...Excel 怎样修改窗体/复选框中文字的大小
Excel 修改窗体/复选框中文字的大小的具体步骤如下: 需要准备的材料分别是:电脑、Excel 表格。 以win7系统、Excel 表格2010版为例:
首先打开需要编辑的Excel 表格,进入到编辑页面中。
然后在弹出来的窗口中右键单击复选框选择打开“属
如何更改2010 excel复选框后的字体大小?急CSS布局HTML小编今天和大家分享。。。。
选择ActiveX控件,在属性中设置。
如何更改Excel复选框或选项按钮的字体大小?
在Excel中插入了复选框或选项按钮,但是当中无法改变字体及大小(字体格选中复选框,右击看到“属性”功能。
在弹出属性对话框中,找到“font”,找到后边的功能,如箭头所示为“宋体”。
在弹出字体对话框中,可以更改“字体”、“字形”、“大斜,改好点击“确定”。
怎样在excel设置复选框字体大小
双击复选框,在弹出的对话框中选择【固定】前的单击按钮,输入复选框大小的数值。
WPS表格中插入的复选框字体的大小怎样调
选择文字,再设置字体大小啊 查看更多答案>> 希望喜欢
EXCEL中插入的复选框字体的大小怎么调在工作表上创建窗体并使用控件 (控件:允许用户控制程序的图形用户界面对象,如文本框、复选框、滚动条或命令按钮等。可使用控件显示数据或选项、执行操作或使用户界面更易阅读。)使其具有对话框的外观和功能。Excel 没有编辑对话框的专门工具。
在EXCEL里如何制作打勾的框? 视图-工具栏-控件工具箱。选择窗体工具栏里的复选框,在工作区画出。 点在控件工具箱上方“属性”按钮(手的形状)。
如何设置复选框中文字的大小及颜色 HTML标签se想设置复选框中文字的大小及颜色
new document select{ font-size:40px; color:green; } asdfsadfsdaf asdfsadfsdaf
-
vue复选框的用法,单个,多个复选框(简单demo代码全)点击复选框事件
2019-02-17 17:25:54上图 样式是默认的,其实自己可以改些CSS样式更好看些 代码全: <!DOCTYPE html> <html>...Vue 测试实例 - 单个,多个复选框</title> <script src="https://cdn.staticf... -
jQuery中复选框checkbox实现复选框的全选/全不选,点击按钮实现复选框的全选/全不选/反选
2018-11-29 16:43:59当点击全选/全不选的复选框时,DOM对象this.checked获取的状态通过prop()方法将所有的复选框设置为同一状态,第一次点击时即为全选状态 // 全选/全不选 $("input[name='all']").click(function(){ $("input... -
JS获取复选框选中个数
2019-01-02 10:09:17在报表制作过程中,因为没有公式可以获取到根据使用者的勾选情况,计算出复选框的选中个数,所以这里需要在复选框中添加“状态改变”的javascript事件,用于自动获取使用者复选框的选中个数,并赋值到指定单元格中。... -
wps表格中如何插入复选框?
2021-04-28 02:25:29今天,给大家介绍一下wps表格复选框的插入。下面是小编为大家精心整理的关于wps表格中如何插入复选框?希望能够帮助到你们。方法/步骤1点击工具栏“插入”,在“插入”列表中点击“复选框”工具。2这时光标会变成“+... -
wps中excel复选框怎么设置
2020-12-23 04:51:28选中A12,取消复选框,数据——有效性...追答设置复选框的LinkedCell属性A10A16IF(A10,SUM(A14:A15),0)追问呵呵 看不太懂,能不 能说说具体的步骤,先谢谢你啦,大哥,还有,多个复选框能不能选定到同个单元格... -
html复选框
2021-08-22 13:23:01之所以想到复选框是因为在上周的工作中看到同事的代码让我大开眼界,我是真没有想到一个最基本,最简单的页面元素都能写的这样抽象难用 最简单的实现方法去百度搜html复选框,这是对自己盲写不自信的童鞋,或者去... -
el-tree控制节点复选框显示隐藏,一级节点不显示复选框 其他子节点,收起状态不显示复选框,展开状态显示复...
2021-07-10 19:10:25一级节点不显示复选框 其他子节点,收起状态不显示复选框,展开状态显示复选框,叶子节点显示复选框 //一级节点不显示复选框 其他子节点,收起状态不显示复选框,展开状态显示复选框,叶子节点显示复选框 .el-tree-... -
判断多个checkbox复选框至少选一个(提交时必须选择一个)
2016-07-18 11:17:05//获得得到所的复选框 for (var i = 0; i ; i++) { //如果有1个被选中时(jquery1.6以上还可以用if(checkBox[i].prop('checked')) 去判断checkbox是否被选中) if (checkBox[i].checked) { checkOne = true; ... -
选择所有选项的多选复选框列表或复选框下拉列表
2019-08-05 22:00:04目录 介绍 现场演示 ...您可以使用jQuery进行多选复选框下拉列表,而不是使用HTML中的多个属性。 这是一个简单的HTML控件,带有jQuery和CSS,可以在任何Web编程语言中使用。 现场演示 https... -
JS删除复选框选中行
2020-04-08 19:35:58一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行,在进行一键删除。 接下来,就来讲解一下,如何通过获取复选框,获取选中行数据,进行一键删除行... -
layui表格数据复选框回显设置方法
2020-12-19 10:32:44layui2.3版本,本身并不带有复选框回显功能,那么需要从源头解决此事,F12代码调试,找到与复选框关联的地方发现:我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回显。layui这里有一个坑,设置... -
HTML复选框的全选、全不选以及单选操作。
2020-08-05 20:51:08今天在进行HTML的table练习的时候,发现一个比较有趣的知识点,有关于复选框的全选、全不选,以及单选操作的相关问题。 待我上网搜索了一下相关资料,发现有关于全选以及全不选的详解还是挺多的,但是复选框与全选的... -
LayUI实现Checkbox复选框的单选及取消单选,即只能选一个或者全都不选
2019-06-14 11:04:28在复选框只能单选的前提下,管理员可以取消勾选,查看所有数据,但普通用户由于权限限制,不可以取消勾选。 在查找资料的过程中,发现jq的常用操作checkbox方法不适用于layui,应使用prop代替attr改变checkbox状态... -
HTML表单复选框标签
2020-12-21 02:29:13HTML表单复选框标签在HTML的表单控件中,复选框也是经常使用的控件,它可以让用户选择打勾或不打勾。它使用的也是标签。一、定义标签用于表示文本框、密码框、单选框、复选框、文件上传框、普通按钮、提交按钮、重置... -
单元格下拉框实现复选框多选_将复选框链接到带有宏的单元格
2020-08-08 13:48:35单元格下拉框实现复选框多选 将复选框链接到带有宏的单元格 (Link Check Boxes to Cells With a Macro) You can use check boxes on a worksheet, and link the results to a cell. If the box is checked, the cell... -
复选框(checkbox)、多选框
2021-04-28 17:29:19可同时选中多个选项,实现全选、全不选、反选等功能。 2、技术分析 基础的HTML、CSS、JavaScript。 3、详细分析 3.1 HTML部分 图示是一个列表加底部一段文字说明,列表包含三个部分,整体是一个多选列表,... -
jsp/html 实现下拉复选框
2012-02-21 14:08:22包括相应的js,css文件,这些都是经过测试的。是没有问题的 -
救助大神,javascript实现选中一个复选框后其他复选框不可用
2016-03-04 01:02:46用javascript实现选中其中一个复选框后,其他复选框不可用 -
java-swing-复选框
2019-06-19 11:26:45复选框通过 JCheckBox类 实现。 在使用创建时需要引入: import javax.swing.JCheckBox; //引入的文件 import java.awt.Font; //用于修改字体的类 import javax.swing.JCheckBox; //实现复选框的类 import ... -
Element-ui el-tree 父节点不显示复选框 子节点显示复选框
2021-01-05 18:51:36需求:父节点不显示复选框 子节点显示复选框 一 . 父节点不显示复选框 子节点显示复选框(如图) 二 . 改后效果(如图) 三 . 上代码(如图) 添加css样式 .el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox... -
layui复选框
2020-11-02 17:25:17layui复选框,一个主的复选框控制多个从复选框,主复选框和从复选框的颜色不一样 layui复选框的样式,都是在选然后才会有的,所以直接通过css设置就实现不了了。只可以通过js动态设置 html代码使用了jfinal... -
vue判断一个复选框的选中状态
2020-12-26 15:32:07<body> <div id="app"> <input type="checkbox" @click = "select(event)"> {{checkedStatus}} </div> </body> <script> var app = new Vue({ ... checkedStatus:"未选中". -
vue复选框全选全不选
2018-12-14 21:29:54多个复选框: 选择的值为:{{checkedNames}} var app= new Vue({ el: '#app', data: { checked: false, checkedNames: [], checkedArr:["Runoob","Google","Taobao"] }, methods: { ... -
element组件点击复选框不选中问题
2020-12-28 12:02:26element组件点击复选框不选中问题 问题复现 代码呈现 问题原因 计算属性以上用法属于get,不能直接修改,计算属性想要修改需要使用set方法。以上点击复选框后看似值变了,实质复选框绑定未被修改,所以复选框不能... -
js复选框回显如何使CheckBox不可修改
2019-07-09 10:07:22使CheckBox不可修改(加入 onclick="return false;"): 复选框如下: <span class="checkboxSpan"> <input type="checkbox" name="ABC" value="aa" onclick="changeABC()" />AA ...