php在屏幕中间弹窗,屏幕中间弹框的一种写法

需求情景

在网页上点击‘解析验证’按钮，在屏幕上显示弹窗，弹窗中内容为单选按钮，同时要将选中的内容传回后端数据库中

解决方案

点击按钮

解析验证

handleVerification函数

handleVerification(taskid){ //操作下的解析验证按钮处理函数

this.$msgbox({

title: '提交解析验证结果',

dangerouslyUseHTMLString: true, // 可以读取html字段

customClass: 'verification_dialog', // 动态设置这个弹框的class,可以修改样式

message: '

验证成功'+

'下载失败

',

showCancelButton: true,

confirmButtonText: '确定' // 确定按钮的字，可以自己修改

}).then(action => {

console.log(taskid)

console.log($("input[type='radio']:checked").val())

postVerificationResults({

taskId:taskid,

verifyCode:$("input[type='radio']:checked").val()

}).then(res => {

console.log($("input[type='radio']"))

console.log('按钮',res)

this.getCrawlList()

// 对单选按钮进行重置，保证每次进入时为未选中状态

$("input[type='radio']")[0].checked=false;

$("input[type='radio']")[1].checked=false;

})

}).catch(() => {

$("input[type='radio']")[0].checked=false;

$("input[type='radio']")[1].checked=false;

})

完成情况

标签：checked,type,弹框,radio,按钮,input,屏幕,写法,false

来源： https://www.cnblogs.com/ANullValue/p/14320139.html