借用【ymPrompt消息提示组件】实现遮罩层效果的批量赋值
<span><input type="button" class="button" value="批量操作" style="background-color: yellow;"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})" /> </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、自定义组件的默认配置信息（此步骤可选，该方法可以在任意时间调用）
handler: function(){},//回调事件
<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.checked);
}
if(!flag){//批量操作必须有选择行；
alert('请勾选需要赋值的行！');
return;
}
for(var i=0; i< ch.length; i++){
if(ch.checked){//复选框赋值；
if(v1 != ''){//避免空值覆盖；
ch.parentNode.parentNode.cells.childNodes.value = v1;
}
if(v2 != ''){
ch.parentNode.parentNode.cells.childNodes.value = v2;
}
if(v3 != ''){
ch.parentNode.parentNode.cells.childNodes.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.checked=true;
}else{
nodes.checked=false;
}
}
}
</script>
页:
[1]