jquery 完美的操作checkbox,兼容IE,和火狐 博客分类: web前端
程序员文章站
2024-02-26 08:00:09
...
之前网上参考的代码都是使用jquery的attr方法,在火狐下有bug,以下是无bug完美全选与反选:
- $('#select_all').click(function(){
- $('input:checkbox').each(function(){
- $(this)[0].checked = true;
- });
- });
- $('#un_select_all').click(function(){
- $('input:checkbox').each(function(){
- if ($(this)[0].checked == true){
- $(this)[0].checked = false;
- }else{
- $(this)[0].checked = true;
- }
- });
- });
另外,加上对获得所有选中的checkbox处理代码:
- $('input:checked').each(function(){
- alert($(this).val());
- });
循环遍历已经选中的CHECKBOX
var ids=""; $("input[type='checkbox']:checked").each(function(){ ids+=ids==""?$(this).val():","+$(this).val(); });