发表评论
checkbox实例:
<input type="checkbox" name="checkall" value="" id="checkall" />全选 <input type="checkbox" id="check" name="seq_id" value="1"> <input type="checkbox" id="check" name="seq_id" value="2">
一 、 checkbox的全选反选
$(document).ready(function(){ $('#checkall').click(function(){ var checkedOfAll=$("#checkall").prop("checked"); $("input[name='seq_id']").prop("checked", checkedOfAll); }); });
先获取全选按钮的选中状态,再把值赋值给其所控制的所有checkbox达到全选反选效果;
二、 判断区域checkbox是否被选中
function doIt(){ if($("input[name='seq_id']:checkbox:checked").size() ==0){//如果没有勾选 alert("请选择要操作的人员"); }else{ if(confirm("")){ //做些什么 ? } } }
这是我们项目中对某个操作checkbox的按钮onclick事件,也可以放在$(document).ready(function(){ })中;
三、获取区域所有选中checkbox的值
$('input[name="seq_id"]:checkbox:checked').each(function(){ seq_id =$(this).val(); //拿到值后做些什么 });
未选中的则使用:unchecked;
以上是项目中常用的对checkbox的操作方法。