jquery实现全选 我全选后,取消全选,再点击全选,却选不上。我手动选上,然后点击取消全选,能够取消。
代码如下:$(document).ready(function(){$("input[name='quanxuan']").click(function(){$("inp...
代码如下:
$(document).ready(function(){
$("input[name='quanxuan']").click(function(){ $("input:checkbox[name],#cb_all").attr('checked', true);}); $("input[name='cansule']").click(function(){ $("input:checkbox[name],#cb_all").attr('checked', false);});
});
图片
为什么会这样 展开
$(document).ready(function(){
$("input[name='quanxuan']").click(function(){ $("input:checkbox[name],#cb_all").attr('checked', true);}); $("input[name='cansule']").click(function(){ $("input:checkbox[name],#cb_all").attr('checked', false);});
});
图片
为什么会这样 展开
2个回答
展开全部
你这样写太费劲,这样写好点:
$().ready(function(){
$("input['name='quanxuan'']").click(function(){
$("input:checkbox[name],#cb_all").attr('checked',$(this).attr('checked'));
});
});
纯手打,可能有字符上的错误。
你问题处在思路上,既然取消全选能生效那就证明你jq版本是支持attr属性的,那么就说下面的问题:
全选和取消全选,使用一个按钮就行,这也是通常都在使用的方法,因为多半人不愿意在全选的状态下再去找‘取消全选’的按钮来实现取消全选的效果。
实现这个效果只需要上述代码:单击全选多选框的时候选中全部多选框,再点就取消全选。
思路就是点击全选按钮的时候把所有的多选框都变成全选按钮的选择状态,反之亦然。
只要全选按钮也是多选框,第一下点,checked是true,这时触发进事件把所有多选框变true,再点全选按钮就变false,这时所有多选框也会边false,你要的效果就实现了。
(纯手打,给分啊~)
$().ready(function(){
$("input['name='quanxuan'']").click(function(){
$("input:checkbox[name],#cb_all").attr('checked',$(this).attr('checked'));
});
});
纯手打,可能有字符上的错误。
你问题处在思路上,既然取消全选能生效那就证明你jq版本是支持attr属性的,那么就说下面的问题:
全选和取消全选,使用一个按钮就行,这也是通常都在使用的方法,因为多半人不愿意在全选的状态下再去找‘取消全选’的按钮来实现取消全选的效果。
实现这个效果只需要上述代码:单击全选多选框的时候选中全部多选框,再点就取消全选。
思路就是点击全选按钮的时候把所有的多选框都变成全选按钮的选择状态,反之亦然。
只要全选按钮也是多选框,第一下点,checked是true,这时触发进事件把所有多选框变true,再点全选按钮就变false,这时所有多选框也会边false,你要的效果就实现了。
(纯手打,给分啊~)
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询