废话，不多说，，效果图如下：
aaarticlea/png;base64,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" alt="" width="518" height="229" />
jsp 代码
<div class="borderHasLabel">
<h3 class="order-info-head">产品信息</h3><!-- ${ctx}/ordermanage-firstapply-second/ -->
<s:token name="first_apply_second_listExpire_token"/>
<h:page id="list_panel_1" width="98%" title="" pageName="noPage">
<d:table name="product" id="row" export="false" class="table" style="width:100%" requestURI="">
<d:col title="" class="display_centeralign" style="width:60">
<input type="checkbox" name="productIds" class="checkItem" value="${row.id}" id="${row.id}" />
</d:col>
<d:col property="proCode" class="display_centeralign" title="产品代码" />
<d:col property="proName" class="display_centeralign" title="产品名称"/>
<d:col class="display_centeralign" media="html" title="单价" >
<input id="${row.id}p" value="${row.price }" readonly="true" style="width:60px;"/>
</d:col>
<d:col property="currencyType" class="display_centeralign" title="货币"/>
<d:col property="unit" class="display_centeralign" title="单位"/>
<d:col class="display_centeralign" media="html" title="有效期(3/6/12月)">
<input id="${row.id}v" name="validity" onblur="upperCase(${row.id})" style="width:60px;"/>
</d:col>
<d:col class="display_centeralign" media="html" title="总价">
<input id="${row.id}t" readonly="true" style="width:60px;"/>
</d:col>
</d:table>
</h:page>
</div> <div class="borderHasLabel">
<h3 class="order-info-head">移动端产品信息</h3> <!--${ctx}/ordermanage-firstapply-second/ -->
<s:token name="first_apply_second_listExpire_token"/>
<h:page id="list_panel_2" width="98%" title="" pageName="noPage">
<d:table name="productphone" id="row" export="false" class="table" style="width:100%" requestURI="">
<d:col title="" class="display_centeralign" style="width:60">
<input type="checkbox" name="productphoneIds" class="checkItem" value="${row.id}" id="${row.id}" />
</d:col>
<d:col property="proCode" class="display_centeralign" title="产品代码" />
<d:col property="proName" class="display_centeralign" title="产品名称"/>
<d:col class="display_centeralign" media="html" title="单价" >
<input id="${row.id}pp" value="${row.price}" readonly="true"/>
</d:col>
<d:col property="currencyType" class="display_centeralign" title="货币"/>
<d:col property="unit" class="display_centeralign" title="单位"/>
<d:col class="display_centeralign" media="html" title="数量">
<input id="${row.id}sp" name="amount" onblur="upperCasep(${row.id})"/>
</d:col>
<d:col class="display_centeralign" media="html" title="有效期(6/12月)">
<input id="${row.id}vp" name="validityph" onblur="upperCasep(${row.id})"/>
</d:col>
<d:col class="display_centeralign" media="html" title="总价">
<input id="${row.id}tp" readonly="true"/>
</d:col>
</d:table>
</h:page>
</div>
js 代码 onClick="saveReport()"
<script>
function saveReport(){ $("input[type='checkbox']").is(':checked')
var id = $("input[name='productIds']:checked").val();
var validity =$.trim($("#"+id+"v").val());
var price = $.trim($("#"+id+"p").val());
var totalPrice = Math.round(validity*price);
var supplierCode = $('#supplierCode').val();
var supplierName = $('#supplierName').val();
var note = $('#note').val(); var pid = $("input[name='productphoneIds']:checked").val();
var validityph =$.trim($("#"+pid+"vp").val());
var priceph = $.trim($("#"+pid+"pp").val());
var amountph = $.trim($("#"+pid+"sp").val());
var totalPriceph = Math.round(priceph*amountph*validityph); var checkLen = $("input[name^='productIds']:checked").length;
var checkLenph = $("input[name^='productphoneIds']:checked").length;
if (checkLen == 0 && checkLenph ==0) {
top.easyAlert("提示信息", "未选择相应的产品信息！", "warning");
return;
}
if((validity == null || validity == "" )&& (validityph == null || validityph == "")){
top.easyAlert("提示信息", "请输入有效期！", "warning");
return;
}else if((validity != "3" && validity != "6" && validity != "12") &&( validityph != "6" && validityph != "12")){
top.easyAlert("提示信息", "请输入有效期,有效期为3月、6月、12月！", "warning");
return;
} var r=$("input[name='ck']").is(':checked');
if(r!=true){
top.easyAlert("提示信息", "请认真阅读协议条款,如对协议内容无异议，请勾选协议再保存！", "warning");
return;
}
var isCaSubmit = true;
if (isCaSubmit) {
top.easyConfirm('提示', '确认创建申请单吗?', function(conf) {
if (conf) {
$.ajax({
type: 'POST',
url: "report-apple!saveReport.action",
data: {"id":id,"pid":pid,"validity":validity,"totalPrice":totalPrice,"validityph":validityph,"totalPriceph":totalPriceph,"amountph":amountph,"note":note,"supplierCode":supplierCode,"supplierName":supplierName},
success: function(data){
if(data == true){
top.easyAlert("提示信息", "创建申请单成功！", "info" , function(){window.location='${ctx}/report/report-apple!list.action?reportCode='+reportCode});
}else{
top.easyAlert("提示信息", "创建申请单失败！", "error");
}
},
dataType: "json"
});
}
});
} }
function upperCase(id){
var validity =$.trim($("#"+id+"v").val());
if(validity == null || validity == "" ){
top.easyAlert("提示信息", "请输入有效期！", "warning");
return;
}else if(validity != "3" && validity != "6" && validity != "12"){
top.easyAlert("提示信息", "请输入有效期,有效期为3月、6月、12月！", "warning");
return;
}
var price = $.trim($("#"+id+"p").val());
var totalPrice = Math.round(validity*price);
$.trim($("#"+id+"t").val(totalPrice));
} function upperCasep(id){
var validityp =$.trim($("#"+id+"vp").val());
var amount =$.trim($("#"+id+"sp").val());
if(amount == null || amount == "" ){
top.easyAlert("提示信息", "请输入购买数量！", "warning");
return;
}
if(validityp == null || validityp == "" ){
top.easyAlert("提示信息", "请输入移动产品有效期！", "warning");
return;
}else if( validityp != "6" && validityp != "12"){
top.easyAlert("提示信息", "请输入移动产品有效期,有效期为6月、12月！", "warning");
return;
}
var pricep = $.trim($("#"+id+"pp").val());
var totalPricep = Math.round(validityp*pricep*amount);
$.trim($("#"+id+"tp").val(totalPricep));
}
</script>