首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-10-04 
jquery easyui中DataGrid中如何设置checkbox为不可用状态RT就是在DataGrid列表加载完成后,我要设置其中某

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

热点排行