js全选与取消全选

html代码：

<a class="btn btn-primary" onclick="checkAllBox()" id="checkAllBox">
    <i class="fa fa-check"></i> 全选
</a>
<a class="btn btn-danger" οnclick="checkNoBox()" style="display:none" id ="checkNoBox">
    <i class="fa fa-remove"></i> 取消全选
</a>

复选框的代码：

<input type="checkbox" name="delCheckBox"  />

js代码：

function batchDelete(){
   var checkedQuestion=$('input[name="delCheckBox"]:checked');
   if(checkedQuestion.length==0){
   	$.modal.alertWarning("请选择需要删除的数据");
   }else{
   	$.modal.confirm("确认删除选择的数据吗？", function() {
   		var ids = '';
   		$(checkedQuestion).each(function(i,item){
   			ids = ids + $(item).val() + ',';

   		});
   		ids = ids.substr(0, ids.length - 1);
   		$.ajax({
   			type: "POST",
   			url: prefix + "/remove",
   			data: "ids=" + ids,
   			dataType: 'json',
   			success: function(result) {
   				layer.msg(result.msg,{time: 5000, icon:1})
   				$.table.refresh();
   			},
   			error: function(error) {

   			}
   		});
   	});
   }
}

 function checkAllBox(){
    $("#checkAllBox").hide();
    $("#checkNoBox").show();
    $("input[name='delCheckBox']:checkbox").each(function() {
        $(this).prop("checked", true);
    });
}

function checkNoBox(){
    $("#checkAllBox").show();
    $("#checkNoBox").hide();
    $("input[name='delCheckBox']:checkbox").each(function() {
        $(this).prop("checked", false);
    });
}