jquery选择checkbox中的值-jquery实现复选框的全选

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

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

下边要详细介绍的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);}});