EasyUI prompt 输入框换为选择框（checkbox）

最新推荐文章于 2025-05-18 14:59:34 发布

随随一随随

最新推荐文章于 2025-05-18 14:59:34 发布

阅读量2.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：留待下次复制文章标签： easyui-prompt

本文链接：https://blog.youkuaiyun.com/Xuanmo_top1/article/details/83863292

留待下次复制专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在EasyUI中将默认的删除确认框修改为包含复选框的自定义对话框，实现更灵活的用户交互。通过jQuery操作DOM元素，替换原有的输入框为复选框，并监听其状态变化，以决定是否进行数据删除操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.messager.prompt 输入框换为选择框（checkbox）/其他有唯一值

在这里插入图片描述

$.messager.prompt("操作提示", "确定要删除该数据吗？", function (data) { 
	            if (data) {  
	              	$.post('<%=dxj%>/CRKDELE', {ID:row.ID}, 
	                function (result) {
                            if (result) {
                                $('#dd_dataGrid').datagrid('reload');
                                $.messager.alert("操作提示", "删除成																															   功","info");  
                            } else {
                                $.messager.alert("提示", "删除失败","info");
                            }
                        }, 'json');
	            }  
	            else {
	              //
	            }  
	        }); 
	      	
	        	 $(".messager-input").parent()
	        	 .append('<font color=red>同时删除货物信息</font>：'+
	        	 '<input id="isc" type="checkbox" name="box">'); 
	        	 $(".messager-input").hide();
	        	   $(".messager-input").val('false')
	        	 $('#isc').change(function() { 
						if($(this).is(':checked')){
						$(".messager-input").val('true')
						}else{
						$(".messager-input").val('false')
						} 
						});

$(".messager-input").parent() 父级；
.append（）追加自定义标签/布局；
$(".messager-input").val(‘false’) 原框赋默认值；
$(".messager-input").hide(); 隐藏原input 输入框；
自定义checkbox加change事件
$KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲isc').change(fu\dots$ (this).is(’:checked’)){
$(".messager-input").val(‘true’) //选中给默认框赋值
}else{
$(".messager-input").val(‘false’) //未选中给默认框赋值
}
});

*prompt 取.messager-input的值*	

									-----搞不出来不是智商不够 只是懒的动