应用jQuery取得radio/checkbox组的值

 jQuery 对checkbox的操作如下：

代码

<!--
$( " document " ).ready( function (){
$( " #btn1 " ).click( function (){
$( " [name='checkbox'] " ).attr( " checked " , ' true ' ); // 全选
})
$( " #btn2 " ).click( function (){
$( " [name='checkbox'] " ).removeAttr( " checked " ); // 取消全选
})
$( " #btn3 " ).click( function (){
$( " [name='checkbox']:even " ).attr( " checked " , ' true ' ); // 选中所有奇数
})
$( " #btn4 " ).click( function (){
$( " [name='checkbox'] " ).each( function (){ // 反选
if ($( this ).attr( " checked " )){
$( this ).removeAttr( " checked " );
}
else {
$( this ).attr( " checked " , ' true ' );
}
})
})
$( " #btn5 " ).click( function (){ // 输出选中的值
var str = "" ;
$( " [name='checkbox'][checked] " ).each( function (){
str += $( this ).val() + " \r\n " ;
// alert($(this).val());
})
alert(str);
})
})
-->

 

 其中

$( " [name='checkbox'][checked] " ).each( function (){
str += $( this ).val() + " \r\n " ;
// alert($(this).val());
})

 

这部分代码在FireFox无法正常工作，在网上查找后，发现了一个方法可以正常使用，如下所示：

$( " [name='checkbox']:checked " ).each( function (){
str += $( this ).val() + " \r\n " ;
// alert($(this).val());
})

　　即：使用$("[name='checkbox']:checked")这种方法才可以正确取到radio/checkbox组的被选中的控件的集合

　　特此记录

  

　　参考引用：jQuery 对checkbox的操作
　　　　　　　jQuery checkbox checked values

 

转载于:https://www.cnblogs.com/coloeme/archive/2009/12/23/1630838.html