在图片剪裁时,大家时常会碰到一些报表解决,例如都选和全选的实际效果。在图片剪裁的情况下,大家一般会把这种实际效果搞好。实际效果不繁杂,能够笔写。可是,未来必须产生一种迅速运用的有效的方式。

全部挑选的启用实际效果必须特别注意的是,假如一切的勾选框全是手动式选定的,那麼全部挑选的勾选框是不是能够全自动启用,也是考量软件功能强大是否的重要。

jquery选择checkbox中的值-jquery实现复选框的全选-第1张图片下边要详细介绍的allCheck.js是一个比较简单好用的,压缩包解压后尺寸为1k。下列编码();

//1.界定都选的软件jQuery.fn.extend({bindCheck:function($subCheckBox,$btnUncheck){let $allCheckBox = this;//1.给都选勾选框关联click事情//this:是都选勾选框(jQuery目标)this.click(function(){let isChecked = this.checked;$subCheckBox.each(function(){this.checked = isChecked;});});//2.给全选if(arguments.length==2){$btnUncheck.click(function(){$subCheckBox.each(function(){this.checked = !this.checked;});reversCheck();});}//3.给每一个可选项的勾选框关联事情$subCheckBox.click(function(){reversCheck();});function reversCheck(){//1.分辨是不是所有的勾选框被选定let isAllChecked = true;$subCheckBox.each(function(){if(!this.checked){isAllChecked = false;}});//2.解决都选勾选框$allCheckBox.prop("checked",isAllChecked);}}});

启用方式

/*js */$ ("# chkall ")。bind check($(" # project _ order:checkbox "),$(" # btnuncheck ");

Html编码

粘附选中零件后,反挑选的编码如下所示(选中零件变成未选定,未选定零件变成已选定):

$('#projects_order tbody input[type="checkbox"]').each(function(){if($(this).is(":checked")){$(this).prop('checked',false);}else{$(this).prop('checked',true);}});
标签 美腿

评论(0条)

龙8唯一官方网站 游客评论