使用须知
如何开始
安装
全局元素
样式重置
文字
颜色
徽章
提示框
表格
图标
栅格
原生组件
Panel
Accordion
Tabs
Layout
DataGrid
DataList
PropertyGrid
Tree
TreeGrid
LinkButton
Menu
MenuButton
SplitButton
SwitchButton
TabButton
Pagination
ProgressBar
SearchBox
Form
CheckBox
RadioBox
TextBox
PasswordBox
FileBox
TagBox
Combo
ComboBox
ComboGrid
ComboTree
ComboTreeGrid
ComboFilter
NumberBox
NumberSpinner
Calendar
DateBox
DateRangeBox
DateTimeBox
DateTimeRangeBox
TimeSpinner
DateTimeSpinner
Slider
ValidateBox
ImagesBox
Window
Dialog
Messager
Draggable
Droppable
Resizable
Tooltip
MaskedBox
扩展组件
头像
上传
时间轴
聊天
用户面板
消息面板
统计数据面板
Echart面板
圆形统计图
评论
相册
评分
文件
滚动条
二维码
条形码
天气
AT
编辑器
课程表
日程表
项目管理
客户管理
浏览器
FAQ
兼容插件
IconFont
Font Awesome
Ueditor
Ckeditor
Echarts
Plupload
Cropper
BaiduMap
AMap
Colpick
Nprogress
Gantt
GanttEditor
Raty
WebUploader
匿名
匿名 您还未登录

CheckBox

Document
Native
Basic
1.x Plus
2.x Plus
Extend

CheckBox Document

用于$.fn.checkbox.defaults重写默认值对象。(该组件来自 Insdep Theme 2.x 扩展)
用在"form"表单中的复选框。复选框有2个状态:“checked”和“unchecked”,用户可以点击来切换。

依赖关系:

用法:

通过标签创建复选框。

					
<input class="easyui-checkbox" checked> 
<input class="easyui-checkbox" data-options="label:'记住密码'">
					
				

使用Javascript创建复选框。

					
<input id="checkbox_password" name="checkbox_password"/>
<script>
  $("#checkbox_password").checkbox({label:"记住密码"});
</script>
					
				

创建相同组的复选框。

					
<input class="subject" data-options="label:'语文',value:'1'" name='subject[]'>
<input class="subject" data-options="label:'数学',value:'2'" name='subject[]'>
<input class="subject" data-options="label:'英语',value:'3'" name='subject[]'>
<input class="subject" data-options="label:'科学',value:'4'" name='subject[]'>
<input class="subject" data-options="label:'社会',value:'5'" name='subject[]'>
<input class="subject" data-options="label:'地理',value:'6'" name='subject[]'>

<script>
  $(".subject").checkbox({});
</script>
					
				
					
<?php
    $subject=$_POST['subject']??[];
    echo implode(",",$subject);
?>
					
				

属性:

属性名 属性值类型 描述 默认值
checked boolean 定义复选框是否选中。 false
disabled boolean 定义复选框是否禁用。 false
readonly boolean 定义复选框是否只读。 false
value string 给复选框绑定默认值。 1

事件:

事件名 参数 描述
onChange checked,data
				      	
#控件是否被选中的返回结果
checked:true or false

#data的返回json结果
data:{
	target:所点击控件的对象,
	name:所点击控件的Name,
	value:所点击控件的值,
	values:控件组已被选中的值,
	label:所点击控件的label
}
							
						
在更改控件值的时候触发。
onLoad 当控件加载(渲染)完成后

方法:

方法名 方法属性 描述
options none 返回属性对象。
disable none 禁用复选框。
代码示例:
							
$('#sb').checkbox('disable');
							
						
enable none 启用复选框。
代码示例:
							
$('#sb').checkbox('enable');
							
						
readonly mode 启用/禁用只读模式。
isCheck none 获取复选框勾选状态。
check none 勾选复选框。
uncheck none 取消勾选复选框。
reset none 重置复选框的值。
setValue value 设置复选框值。
getValue value 获取复选框值。
getText text 获取复选框文本。
getValues value 获取复选框组的值。
getTexts text 获取复选框组的文本。
getCount int 获取复选框组勾选的数量。
checkAll none 勾选全部复选框
uncheckAll none 取消勾选全部复选框
reCheck none 反选复选框。