jquery关于checkbox的操作（支持多浏览器）

 

测试环境: jquery 1.4.2 , ie7,ie6,firfox3.5.6,chrome

代码片段：

 

<input type="checkbox" id ="xxx" name="xx" value="eg1"/>eg1
<input type="checkbox" name="xxx" value="eg2"/>eg2
<input type="checkbox" name="xxx" value="eg3"/>eg3

 

 

 

1.判断checkbox是否选中。

 

function getCheckboxValue(){  
            //注意ie8和高版本的firefox不支持jquery 对checked的选择器  
            //var s=$('input[type="checkbox"][name="xxx"][checked]');是获取不到选定的元素  
            //需要用下面的方法获取选中节点 ， each遍历对象
                              
           $('input[type="checkbox"][name="xxx"]').each(function(){  
                    if (this.checked){  
                        alert(this.val());  
                        }  
                });  
        }

 

 

 

2.通过ID来进行checkbox的选中于取消

 

$('#xxx input:checkbox').attr("checked",true)
var arrygs = $("#xxx input:checkbox:checked").map(function() { return $(this).val(); }).get().join('.');//选中的值存入一个数组中

 

 

3.通过值来选择或取消选中。

 

$("input[name='xxx'][type='checkbox'][value="+xxx+"]").attr("checked",true);
$("input[name='xxx'][type='checkbox'][value="+xxx+"]").attr("checked",false);

 

 

总结，radio,select的操作和checkbox类似。