3.获取已选中的复选框的值。

代码:





对复选框组的全选操作


$(function(){
/*全选
全选cheched和下方的checkbox按钮的checked是一致的,
故可用this.checked。
注意:$(this).checked是错的
*/
$('#checkedAll').click(function(){
$('[name=item]:checkbox').prop('checked',this.checked);
});

/*判断复选框的总数,是否和选中的复选框的数量相等
相等:全选了
不相等:没有全选
*/
$('[name=item]:checkbox').click(function(){
/*得到的是ul下name=item的复选框数组*/
var$checkedArray=$('[name=item]:checkbox');
/*$checkedArray.filter(':checked')----->已经选择的复选框*/
$('#checkedAll').prop('checked',$checkedArray.length==$checkedArray.filter(':checked').length);

});
});


$(function(){
//获取已选的复选框的值
varcheckedArray=newArray();//放已经选择的checkbox的value
varcount;//已经选择的个数
$('#btn_submit').click(function(){
checkedArray.length=0;
count=0;
$('[name=item]:checkbox:checked').each(function(){
checkedArray.push($(this).val());
count++;
});
if(checkedArray.length==0){
alert("Pleasecheckoneatleast.");
return;
}
confirm("已选复选框的值:"+checkedArray+"\n"+"选中的复选框个数:"+count);
});
})




全选
  • 篮球
  • 足球
  • 羽毛球
  • 兵乓球
  • 游泳
  • 跑步
提交

对于代码中的不足,不够简洁的还可以再优化的地方,如果有什么更好的想法和实现方法,欢迎一起交流学习。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。

热门推荐

1 退伍祝福语老师简短
2 给新娘彩礼祝福语简短
3 自由 生日祝福语简短独特
4 春节文章开头祝福语简短
5 订婚典礼文案祝福语简短
6 爷爷庆生文案祝福语简短
7 宿舍迎新祝福语简短英文
8 长辈鲜花祝福语卡片简短
9 培训机构升班祝福语简短
10 新人红包祝福语简短精辟
11 幼师给毕业祝福语简短
12 生日高考祝福语妹妹简短
13 下飞机祝福语简短英文
14 元宵发客户祝福语简短
15 爸妈金婚文案祝福语简短
16 新郎朋友红包祝福语简短
17 虎年五一祝福语大全简短
18 出阁宴祝福语姐姐简短