一,js中基本操作
1.点击事件
// 查询按钮 $("#btnQuery").click(me.query);
2.change改变事件
// change改变事件 $("#thisMonth").change(me.changeDate);
3.获取前台数据
// 获取input框中数据 var unitSimname = $("#unitSimname").val();
4.给下拉框中input赋值
// 下拉框赋一个初始值 $("#unit").find("option[value='"+unitSimname+"']").attr("selected",true);
5.表单验证功能
/** * 表单验证规则定义 */ me.validator = $('#interns0302Form').validate({ rules: { // 实习单位简称 unitSimname: { notNull: true, }, // 实习项目简称 projectSimname: { notNull: true, }, // 入职时间 entryDate: { notNull: true, }, // 实习小组名称 groupName: { notNull: true, }, }, });
需要调用验证功能时:
// 输入验证 if(!(me.validator.form())){ $('#btnSave').removeAttr('disabled'); return; };
二,js取得页面表格数据,进行计算和进行类型的转换
1 // 计算总费用,没有数据则赋值为0 2 me.sumTotal = function(){ 3 var a = 0; 4 var b = 0; 5 // 获得表格数据 6 var items = document.getElementById("telcalc0501Table"); 7 for(var i = 1;i < items.rows.length;i++){ 8 // 获得表格里td的长度 9 var s = $("#telcalc0501Table tbody tr td").length; 10 if(s > 1){ 11 // 转化为float类型进行计算 12 a = parseFloat(a); 13 b = parseFloat(b); 14 a+= parseFloat(items.rows[i].cells[3].innerHTML); 15 b+= parseFloat(items.rows[i].cells[5].innerHTML); 16 }else{ 17 $("#feeTotal").val("0.00"); 18 $("#overchargeTotal").val("0.00"); 19 } 20 21 } 22 // 对精度做保留两位小数的处理 23 $("#feeTotal").val(a.toFixed(2)); 24 $("#overchargeTotal").val(b.toFixed(2)); 25 };