Zepto 实现checkbox全选与全不选状态切换

时间:2023-03-10 01:31:45
Zepto 实现checkbox全选与全不选状态切换

最近项目里用到foundation,而foundation4默认集成了Zepto,很多*要重造,所以有了下面的代码。

<script>
/**
* Muti-Checking-Toggle Function
* Depend on Zepto
* By simon @ 2013-07-31
*/
$('#checkAll').live('change',function (e) {
e.preventDefault();
if ($('#checkAll').is(":checked")){
$('input[type=checkbox]').prop('checked',true);
} else {
$('input[type=checkbox]').prop('checked',false);
}
})
</script>

其中的.live可以换成.on,因为我这里是ajax过来的页面,所以要绑在冒泡上。

有不对的地方请指出,谢谢!