带CheckBox美化控件的表格全选

带CheckBox美化控件

<table class="positionTable commonListTable" id="positionTable">
<thead>
<tr><th class="w1"><input type="checkbox" id="allCheck" /></th>
</thead>
<tbody>
<tr class="bgor">
<td class="w1"><input type="checkbox" value="" /></td></tr>
</tbody>
</table>

<div class="pageWrap clearfix">
<ul class="allUL">
<li id="allCheck2">全选</li>
<li id="btnDelSel">职位删除</li>
</ul>
<div id="PositionsPageBar" class="xiPagination">
这里显示分页
</div>
</div>

//全选
$("#allCheck").click(function () {
var $this = $(this);
var $checkbox = $("#positionTable .bgor .w1 input.checkbox");
var $a = $("#positionTable .bgor .w1 .jqTransformCheckbox");
if ($this.attr("checked") == true || $this.attr("checked") == "checked") {
$checkbox.attr("checked", true);
$a.addClass("jqTransformChecked");
$("#allCheck2").text("反选");
} else {
$checkbox.removeAttr("checked");
$a.removeClass("jqTransformChecked");
$("#allCheck2").text("全选");
}
});
$("#allCheck2").click(function () {
var $this = $(this);
var $checkbox = $("#positionTable .w1 input.checkbox");
var $a = $("#positionTable .w1 .jqTransformCheckbox");
if ($this.text() == "全选") {
$checkbox.attr("checked", true);
$a.addClass("jqTransformChecked");
$this.text("反选");
$("#positionTable input[type=checkbox]").attr("checked", true);
} else {
$checkbox.removeAttr("checked");
$a.removeClass("jqTransformChecked");
$this.text("全选");
$("#positionTable input[type=checkbox]").attr("checked", false);
}
});