`

easyui中的checkbox

阅读更多
easyui中的chebox:
selectOnCheck:true;//点击行时选中复选框
checkOnSelect:true;//点击复选框时选中行

<table class="easyui-datagrid" title="" style="width:auto;height: auto;" id="dg"
			data-options="singleSelect:true,url:'<%=basePath %>system/person_testt.do',method:'post',toolbar: '#tb',onClickRow: onClickRow,onRowContextMenu:onRowContextMenu">
	<thead>
		<tr>
			<th data-options="field:'id',width:'15px',align:'center'" checkbox="true"></th>
		</tr>
	</thead>
</table>


//获取选中的checkbox
var checkedItems=$("#dg").datagrid("getChecked");
var id=[];
$.each(checkedItems,function(index.item){
	if(item.id!=null){
		id.push(item.id);
	}
});
alert(id);



若需要初始化时:
$(document).ready(function(){
	onLoadSuccess:function(){
		var checkedItems=$("#dg").datagrid("getRows");
		$.each(checkedItems,function(index,item){
			if(item.state=="已审核"){
				$("input[type='checkbox']")[index+1].disable=true;
			}
		});
	};
});
0
0
分享到:
评论

相关推荐

    easyui checkbox +全选

    标题 "easyui checkbox +全选" 指的是在网页界面设计中使用 EasyUI 框架实现复选框(checkbox)以及全选功能。EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列预定义的 CSS 样式和 JavaScript 组件,帮助...

    基于easyui checkbox 的一些操作处理方法

    1、获取已勾选的行: var rows = $(‘#datagrid’).datagrid(‘getChecked’); 2、判断checkbox是否全选: ...以上这篇基于easyui checkbox 的一些操作处理方法就是小编分享给大家的全部内容了,希望能给大家一个参

    解决EasyUI中Tree的CheckBox不能设置为禁用的问题

    //设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 //这样就可以实现读取url数据时是可以设置勾选了哪些节点,在...

    jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法

    有时候,为了满足特定的业务需求,在EasyUI的datagrid中需要对某些行的checkbox进行禁用处理。本文主要介绍了如何利用jQuery EasyUI设置datagrid的checkbox为禁用状态的方法。 要实现这个功能,首先需要了解EasyUI...

    在DataGrid中使用CheckBox,实现全选功能

    这个场景下,用户可能需要实现一个常见的功能,即在DataGrid中添加CheckBox,允许用户进行多选操作,尤其是全选功能。这篇博客“在DataGrid中使用CheckBox,实现全选功能”详细介绍了如何实现这一需求。 首先,我们...

    使用jQuery+EasyUI实现CheckBoxTree的级联选中特效

    在本文中,我们将深入探讨如何使用jQuery和EasyUI库实现一个具有级联选中功能的CheckBoxTree组件。CheckBoxTree是一种常见的UI元素,常用于展示层级结构的数据,并允许用户通过复选框选择或取消选择整条数据路径。在...

    EasyUI—combox控件包含代码

    EasyUI,combox,combotree当下的下拉框不再局限于,有很多便捷的功能,比如说带checkbox,多选及下拉样式等,些文件中的代码实现了这些。

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在前端开发中,EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列美观、易用的组件,用于构建用户界面。在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及...

    jQuery Easyui Treegrid实现显示checkbox功能

    下面通过本文给大家介绍下图中的treegrid如何实现? 要求:动态加载;级联勾选;通关类型判断显示包库/还是镜像(列有所不同,镜像共4列),勾选一个复选框,后面的复选框变为不可勾选状态。 下面是具体代码: 1,...

    设置checkbox为只读(readOnly)的两种方式

    方式一: checkbox没有readOnly属性,如果使用disabled=“disabled”属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读: 设置它的onclick=”return false” js里就是 checkbox.onclick=...

    Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法

    实现TreeGrid上显示checkbox并取选定值的基本思路是利用formatter自定义渲染单元格,在特定的列中插入checkbox,并在用户交互时,通过事件处理函数获取选中的checkbox对应的值。 首先,需要引入JQuery EasyUI的库...

    9款表单复选框(Checkbox)与单选按钮美化

    在网页设计中,表单元素如复选框(Checkbox)和单选按钮(Radio Button)是用户交互的重要组成部分。它们通常用于收集用户的选择性信息,例如用户同意服务条款、选择偏好或进行多选项决策。然而,原生的HTML表单元素...

    EasyUI tutorial 中文版 chm

    easyUI 添加CheckBox选择到DataGrid easyUI自定义DataGrid分页栏 启用DataGrid行内编辑器 继承扩展DataGrid的editors easyUI在可编辑的datagrid中计算两列的值 easyUI合并DataGrid单元格 easyUI为...

    easyui-tree-diasbleCheckbox

    标题"easyui-tree-diasbleCheckbox"暗示了我们关注的是EasyUI树形控件中的一个特性,即禁用复选框(checkbox)。在EasyUI的树形控件中,每个节点可以配置复选框,用户可以通过选择或取消选择这些复选框来操作数据。...

    easy-ui onchange/easy-ui添加onchange

    压缩包中的`easyui-combobox添加onchange用法.txt`文件很可能包含了更具体的实现示例和注意事项,建议查阅该文件以获得更详尽的指导。同时,`jquery-easyui-1.4`可能是Easy-UI的库文件,用于在项目中引用Easy-UI的...

    easyui中文API+解释说明

    在“EasyUI中文API帮助说明文档.docx”中,你将找到关于EasyUI各个组件的详细介绍,包括但不限于以下内容: 1. **布局组件**:如面板(panel)、窗口(window)、对话框(dialog)等,它们提供了页面结构和内容展示...

    easyui官方中文API

    在EasyUI的1.3.4版本中,开发者可以通过API来控制这些组件的行为,例如: - 使用 `$(selector).dialog('open')` 打开对话框。 - 调用 `$(selector).datagrid('load', param)` 加载DataGrid的数据。 - 设置 `$...

    基于easyui 1.4.5的单选和多选框组件

    在EasyUI中,多选框的创建与单选框类似,只是标签类型改为`&lt;input type="checkbox"&gt;`。例如: ```html &lt;input type="checkbox" value="1" checked&gt; &lt;label for="checkbox1"&gt;Option 1 &lt;input type="checkbox" value=...

Global site tag (gtag.js) - Google Analytics