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 教师闺蜜祝福语简短