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

<span><input type="button" class="button" value="批量操作" style="background-color: yellow;" 
      onclick=" 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[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>

你可能感兴趣的:(JavaScript)