网站后台如何添加新闻,网站名称格式,优设网文案,网站备案要花钱吗2019独角兽企业重金招聘Python工程师标准 今天做网站后台管理的时候#xff0c;要实现一个单选全选的功能#xff0c;很简单的功能#xff0c;不过#xff0c;遇到了一个很诡异的问题#xff0c;写出来跟大家分享下。 功能就不赘述了#xff0c;大家都懂 今天做网站后台管理的时候要实现一个单选全选的功能很简单的功能不过遇到了一个很诡异的问题写出来跟大家分享下。 功能就不赘述了大家都懂最初打算使用jq的toggle函数来绑定两个处理方法一个实现全选一个取消全选。 $(input[data-idcheckall]).toggle(function(){$(input[typecheckbox][namechoice]).attr(checked,checked);},function(){$(input[typecheckbox]namechoice]).removeAttr(checked);}
) 本以为到这这样就完成了不过后来测试的时候神奇的bug发生了。 红色框框标记的那个复选框无论如何都选不上其他复选框倒是正常各种纠结、折腾最终决定去看看jq的源码是不是toggle这个函数有神马问题。 toggle: function( fn ) {// Save reference to arguments for access in closurevar args arguments,guid fn.guid || jQuery.guid,i 0,toggler function( event ) {// Figure out which function to executevar lastToggle ( jQuery._data( this, lastToggle fn.guid ) || 0 ) % i;jQuery._data( this, lastToggle fn.guid, lastToggle 1 );// Make sure that clicks stopevent.preventDefault();// and execute the functionreturn args[ lastToggle ].apply( this, arguments ) || false;};// link all the functions, so any of them can unbind this click handlertoggler.guid guid;while ( i args.length ) {args[ i ].guid guid;}return this.click( toggler );} 玄机显现就是这句event.preventDefault()导致复选框无法被选中最后还是老老实实的加了个自定义属性用绑定了click事件来实现。 $(input[data-idcheckall]).click(function(){if($(this).attr(is-check) 0){$(input[typecheckbox][namechoice]).attr(checked,checked);$(this).attr(is-check,1);}else{$(input[typecheckbox][namechoice]).removeAttr(checked);$(this).attr(is-check,0);}}); 问题虽然很小不过略恶心。。。 转载于:https://my.oschina.net/u/1023800/blog/177214
