借用【ymPrompt消息提示组件】实现遮罩层效果的批量赋值

本文介绍了一个名为ymPrompt的消息提示组件的使用方法。包括如何在页面中引入该组件的JS文件和CSS样式文件,如何自定义组件的默认配置信息,以及如何通过回调函数实现批量赋值等功能。

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

<span><input type="button" class="button" value="批量操作" style="background-color: yellow;"
onclick="[color=green]ymPrompt.confirmInfo({icoCls:'',msgCls:'confirm',
message:'体积:<input type=\'text\' id=\'myInput_1\' onfocus=\'this.select()\' /><br>重量:<input type=\'text\' id=\'myInput_2\' onfocus=\'this.select()\' /><br>备注:<input type=\'text\' id=\'myInput_3\' onfocus=\'this.select()\' />',
title:'请输入SPU信息',width: 240,height:160,handler:getInput,autoClose:false ,fixPosition:true , maskAlphaColor: '#000',maskAlpha: 0.2})[/color]" /> </span>


ymPrompt消息提示组件 4.0
【调用方法及参数说明】:

1、在页面中引入ymPrompt.js。如:<script type="text/javascript" src="ymPrompt.js"></script>
2、在页面中引入对应的皮肤文件的CSS,如:<link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" />
3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用)
[color=red]handler: function(){}, //回调事件[/color]


<script type="text/javascript" >
//弹出组件的回调函数(实现批量赋值);
function getInput(tp){
if(tp!='ok') return ymPrompt.close();
v_1 = document.getElementById('myInput_1');
v_2 = document.getElementById('myInput_2');
isValidNum_1(v_1); //对填写的体积进行数字校验(含两位小数)
isValidNum_1(v_2); //对填写的重量进行数字校验(含两位小数)

v1 = document.getElementById('myInput_1').value;
v2 = document.getElementById('myInput_2').value;
v3 = document.getElementById('myInput_3').value;

if(v1=='' && v2=='' && v3==''){
alert('请输入SPU信息!');
return;
}

var ch = document.getElementsByName('spu_checked');
var flag = false;
for(var i=0; i< ch.length; i++){
flag = (flag || ch[i].checked);
}
if(!flag){ //批量操作必须有选择行;
alert('请勾选需要赋值的行!');
return;
}

for(var i=0; i< ch.length; i++){
if(ch[i].checked){ //复选框赋值;
if(v1 != ''){ //避免空值覆盖;
ch[i].parentNode.parentNode.cells[3].childNodes[0].value = v1;
}
if(v2 != ''){
ch[i].parentNode.parentNode.cells[4].childNodes[0].value = v2;
}
if(v3 != ''){
ch[i].parentNode.parentNode.cells[5].childNodes[0].value = v3;
}
}
}
ymPrompt.close();
}




function selectAll(name,obj){ //复选框
var select=!obj.checked;
var nodes=document.getElementsByName(name);
for(var i=0;i<nodes.length;i++){
if(select==false){
nodes[i].checked=true;
}else{
nodes[i].checked=false;
}
}

}



</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值