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 训练狗狗躺下