最近工作都在写jQuery，事实上我并没有系统学过js，今天跟大家分享一下最近写的一个有关复选框的批量处理。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试</title> </head> <body> <input type="button" class="button" onclick="delChecked()" value="删除所选"> <table border="1px"> <tr> <td> <input type="checkbox" id="city" value="0" name="city_qx"> <label for="city">全选</label> </td> <td>城市</td> </tr> <tr> <td><input type="checkbox" value='+this.id+' onClick="isChecked($(this))" name="city"></td> <td>广州市</td> </tr> <tr> <td><input type="checkbox" value='+this.id+' onClick="isChecked($(this))" name="city"></td> <td>深圳市</td> </tr> <tr> <td><input type="checkbox" value='+this.id+' onClick="isChecked($(this))" name="city"></td> <td>杭州市</td> </tr> </table> </html>
<script>
$(function(){
//全选
$(":input[name='city_qx']").click(function(){
if($(this).attr("checked") == true){
$(":input[name='city']").attr("checked",true);
}else{
$(":input[name='city']").attr("checked",false);
};
});
})
function isChecked(obj){
//非全选
if(obj.attr("checked") == false){
$(":input[name='city_qx']").attr("checked",false);
}
}
//删除
function del(id,obj){
$.ajax({
//略
})
}
//删除所选
function delChecked(){
$("input[name='city']:checked").each(function () {
del($(this).val(),$(this));
});
}
</script>
Author：立礼
Sign：人生不要有太多的幻想，而要有更多的行动。
版权声明：本文为博主原创文章，未经博主允许不得转载。
原文地址：http://blog.csdn.net/lzgs_4/article/details/47075351
