一，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     };