首页 > 代码库 > php之三态checkbox
php之三态checkbox
<div class="pnav-box" id="letter-a">
<div class="box-title">
<a class="btn-unfold" data-power="icon" data-v="close" href="javascript:;"></a>
<input data-checkbox="all" type="checkbox" value="1" name="power[]" id="power" />
<span class="pnav-letter">采购</span>
</div>
<ul class="box-list clear">
<li>
<a class="btn-fold" data-power="icon" data-v="open" href="javascript:;"></a>
<b>
<input data-checkbox="items" type="checkbox" value="1" name="power[]" id="power" /><a href="javascript:;">采购管理</a>
</b>
<h2 class="hide">
<input value="020101" id="cb020101" data-checkbox="item" type="checkbox" name="power[]" /><a href="javascript:;">下订单</a>
</h2>
<h2 class="hide">
<input value="020102" id="cb020102" data-checkbox="item" type="checkbox" name="power[]" /><a href="javascript:;">支付</a>
</h2>
</li>
</ul>
</div>
$("[data-checkbox=all]").change(function() { //子类全部操作 $(this).parent().next().find(":checkbox").prop("checked",this.checked); }); $("[data-checkbox=items]").change(function(){ var p = $(this).parent().parent(); var checkedNum = p.parent().find("[data-checkbox=items]:checked").length; //获取被选中的状态 var allNum = p.parent().find("[data-checkbox=items]").length; //获取所有数量的状态 if(checkedNum == allNum){ //当被选中的数量等于总的数量时,则全选 p.parent().parent().find("[data-checkbox=all]").prop(‘indeterminate‘,false); //去掉半选状态, p.parent().parent().find("[data-checkbox=all]").prop(‘checked‘,true); //加上全选状态 }else if((checkedNum < allNum) && (checkedNum > 0)){ p.parent().parent().find("[data-checkbox=all]").prop(‘checked‘,false); //去掉全选状态 p.parent().parent().find("[data-checkbox=all]").prop(‘indeterminate‘,true); //加上半选状态 } else { p.parent().parent().find("[data-checkbox=all]").prop(‘indeterminate‘,false); //去掉半选状态, p.parent().parent().find("[data-checkbox=all]").prop(‘checked‘,false); //去掉全选状态 } p.find(‘[data-checkbox=item]‘).prop(‘checked‘,this.checked); }); $(‘[data-checkbox=item]‘).change(function(){ var p = $(this).parent().parent(); var checkedNum = p.find(‘[data-checkbox=item]:checked‘).length; //获取被选中的状态 var allNum = p.find(‘[data-checkbox=item]‘).length; //获取所有数量的状态 if(checkedNum == allNum){ p.find(‘[data-checkbox=items]‘).prop(‘indeterminate‘,false); p.find(‘[data-checkbox=items]‘).prop(‘checked‘,true); if(p.parent().find("[data-checkbox=items]").length == p.parent().find("[data-checkbox=items]:checked").length) { p.parent().parent().find("[data-checkbox=all]").prop(‘indeterminate‘,false); //去掉半选状态, p.parent().parent().find("[data-checkbox=all]").prop(‘checked‘,true); //加上全选状态 } }else if((checkedNum < allNum) && (checkedNum > 0)){ p.find(‘[data-checkbox=items]‘).prop(‘checked‘,false); p.find(‘[data-checkbox=items]‘).prop(‘indeterminate‘,true); p.parent().parent().find("[data-checkbox=all]").prop(‘indeterminate‘,true); } else { p.find(‘[data-checkbox=items]‘).prop(‘checked‘,false); p.find(‘[data-checkbox=items]‘).prop(‘indeterminate‘,false); if(p.parent().find("[data-checkbox=items]:checked").length == 0) { p.parent().parent().find("[data-checkbox=all]").prop(‘indeterminate‘,false); p.parent().parent().find("[data-checkbox=all]").prop(‘checked‘,false); } }
php之三态checkbox
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。