javascript jquery全选反选#jquery
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript jquery全选反选#jquery相关的知识,希望对你有一定的参考价值。
//全选框
<input name="h_tab_checkbox" id="p_all" type="checkbox">
<input name="batch" value="<?=$value['contract_id']?>" type="checkbox">
<script type="text/javascript">
//全选
$('#p_all').click(function(){
if($(this).prop("checked")){
$('[name="batch"]').prop('checked', true);
}else{
$('[name="batch"]').prop('checked', false);
}
})
//批量操作
function bacthChage(number){
//获取contract_id
var contract_id='';
$('[name="batch"]:checked').each(function(i,n){
contract_id+= n.value+','
});
if(contract_id==''){
alert("请选择数据");return false;
}
var url ='/index.php?app_act=tms/report/batch_change_payable';
layer.confirm('确定批量更新吗?', {
btn: ['确定','取消'],
icon: 7,
offset: ['300px', '600px']
}, function(){
$.post(url,{contract_id:contract_id,batch_type:number},function(response){
layer.msg(response.msg,{icon: 6,offset: ['300px', '600px']}, function(index){
location.reload();
})
},'json');
}, function(){
layer.close();
});
}
</script>
以上是关于javascript jquery全选反选#jquery的主要内容,如果未能解决你的问题,请参考以下文章
Layui table中筛选列增加 [全选,反选] 功能【转】
jQuery 复选框全选反选
js全选,反选,全不选
JQuery实现的 checkbox 全选反选。
用jQuery实现(全选反选全不选功能)
jQuery实现全选反选功能