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类似。

转载于:https://www.cnblogs.com/lffsonic/archive/2010/10/29/1864601.html