1.datatable的单个复选框以及bootstrap的模态框按钮是否禁用
<button id="move_btn" type="button" class="u-btn normal mr0" style="margin-left:10px;" data-toggle="modal" >
<i class="fa fa-edit"></i> 批量移动
</button>
只能选中一个复选框
$('#datatable表id').find('input[type=checkbox]').bind('click', function() {
$('#datatable表id').find('input[type=checkbox]').not(this).attr("checked", false);
});
判断bootstrap的模态框按钮是否禁用
$("#模态框按钮id").on("click", function() {
for (var i = 0; i < $("input[type='checkbox']").length; i++) {
if ($("input[type='checkbox']").eq(i).is(":checked")) {
console.log($("input[type='checkbox']").eq(i).is(":checked"))
break;
}
}
if (i == $("input[type='checkbox']").length) {
layer.msg("注意", {
icon: 0
})
} else {
//模态框手动显示
$('#move').modal('show')
}
})
2.通过使用data-href来对同个页面进行跳转
<span>
<a data-href="device-tree.html"> <button id="" type="button" class="u-btn normal checkbtn">
<i class="fa fa-plus"></i> 返回
</button></a>
</span>
$('body').on('click','span', function() {
$('.all').load($(this).children('a').attr('data-href'));
});
//.all是两个互相跳转页面的最外围class,两个class需相同