常见的checkbox操作

应用1：

在一个列表中，一般用户都需要使用一个checkbox来满足批量操作。

下面是用如何实现<选择所有/取消所有checkbox勾选的功能>

function checkUncheckAllBox(el, checkboxGroup,isChecked) { if($(el).type && $(el).type.toLowerCase() == 'checkbox') { var checkboxGroup = $(el).name; var el = $(el).form; } else if ($(el).tagName.toLowerCase() != 'form') { return false; } var checked = $(el).getInputs('checkbox', checkboxGroup).each( function(re) { re.checked =isChecked} ); } //调用 checkUncheckAllBox('test-form', 'testcheckbox',true);

应用2：

用于判断CheckboxGroup是否被选中以及获取CheckboxGroup被选中的值

 

//参数1:表单名称 //参数2:checkboxGroup名称 //返回值:数据类型<string> 返回值内容:以逗号隔开的checkbox的值 function $CF(el, checkboxGroup) { if($(el).type && $(el).type.toLowerCase() == 'checkbox') { var checkboxGroup = $(el).name; var el = $(el).form; } else if ($(el).tagName.toLowerCase() != 'form') { return false; } var checkeditemid='',isChecked; var checked = $(el).getInputs('checkbox', checkboxGroup).each( function(re) { if (re.checked==true) { checkeditemid+=','+re.value; isChecked=true; } } ); return (isChecked) ? checkeditemid.substring(1) : null; } //测试 var value=$CF('test-form','testcheckbox'); if (value==null){ alert('pls choose one item'); }else{ alert(value); }