jquery easyui的全选

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery easyui的全选相关的知识,希望对你有一定的参考价值。

</table>
<table id="dg" class="easyui-datagrid" width="100%" style="height:470px"
url="<@app.url href="mgr/lottery/list.shtml"/>"
toolbar="#toolbar" rownumbers="true"
fitColumns="true" singleSelect="true" pagination="true">
<thead>
<tr>
<th data-options="field:'ck',checkbox:true" width="100%"></th>
<th field="topic" align="center" width="100%">主题</th>
<th field="item" align="center" width="100%">奖项</th>
<th field="rate" align="center" width="100%">中奖率</th>
<th field="count" align="center" width="100%">数量</th>
</tr>
</thead>

帮写个全选,,,多选跟全选删除

参考技术A easyui datagrid的通过singleSelect来控制单选或者是多选的,你将singleSelect设为false就是多选啦。

jquery实现checkbox的全选

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jQuery实现CheckBox全选、全不选</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
function checkAll(obj){
$("#box input[type=‘checkbox‘]").prop(‘checked‘, $(obj).prop(‘checked‘));
}
</script>

</head>
<body>
<div id="box">
<input type="checkbox" onclick="checkAll(this)">全选<br><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
<input type="checkbox"><br>
</div>
</body>
</html>

以上是关于jquery easyui的全选的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现表格中各项的全选

jquery实现checkbox的全选

用Jquery实现复选框的全选

jquery 实现的全选demo

jQuery实现checkbox的全选和反选

jQuery实现复选框的全选反选和不选功能