easyui中的checkbox

最新推荐文章于 2022-08-24 15:52:19 发布

最新推荐文章于 2022-08-24 15:52:19 发布 · 720 阅读

文章标签：

#jquery #ViewUI

jquery+easyui 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何在EasyUI中使用复选框功能，包括如何设置selectOnCheck和checkOnSelect属性来控制行与复选框之间的联动，以及如何获取所有被选中的项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;
			}
		});
	};
});