jquery easyui中DataGrid中怎么设置checkbox为不可用状态-JavaSript-爱易网页

jquery easyui中DataGrid中怎么设置checkbox为不可用状态

日期：2014-05-16　浏览次数：20413 次

jquery easyui中DataGrid中如何设置checkbox为不可用状态
RT

就是在DataGrid列表加载完成后，我要设置其中某几行的checkbox为不可用状态

------解决方案--------------------
1.遍历行，将某几行的checkbox的disabled设为true;
2.同上，将checkbox去掉
3.或者列表中加上checkbox:false
------解决方案--------------------
原生的js，改成你用的jquery的datagrid估计需要改造下

<html>

<head>	 

 <meta http-equiv="Content-Type" content="text/html; charset=GBK">

</head>

<body>

<table >

   <thead>

   <th></th>

   <th>测试内容</th>

   </thead>

   <tbody id ="testtbody">

	<tr>

		<td><input type='checkbox' /></td>

		<td>test1</td>

	</tr>

	<tr>

		<td><input type='checkbox' /></td>

		<td>test2</td>

	</tr>

	<tr>

		<td><input type='checkbox' /></td>

		<td>test3</td>

	</tr>

	<tr>

		<td><input type='checkbox' /></td>

		<td>test4</td>

	</tr>

	

   </tbody>

</table>

</body>

<script type="text/javascript">

     function disableTr()

	 {

	     var table = document.getElementById("testtbody");

		 var rows = table.rows;

		 var tr = rows[2];

		 var checkboxTd = tr.cells[0];

		 var checkbox =  checkboxTd.childNodes[0];

		 debugger;

		 checkbox.disabled = true;

		 //这里禁用第三行的checkbox

	 }

	 disableTr();

</script> 



</html>

------解决方案--------------------

onLoadSuccess:function(){//加载完毕后获取所有的checkbox遍历

  $('#test input:checkbox').each(function(index,el){

    if(/*.条件.*/)el.disabled=true;

  });

}

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jquery easyui中DataGrid中怎么设置checkbox为不可用状态

相关资料更多>

推荐阅读更多>