jquery常用点

$(document).ready(function(){
  // 代码...
});

$(function(){
  // 代码...
});

jQuery对象转成DOM对象:

var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
or
var v=$v.get(0); //DOM对象

DOM对象转成jQuery对象:

var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

去掉p元素的单击事件： $("p").unbind( "click");
去掉p元素的所有事件： $("p").unbind();
去掉div的id为test的所有子节点(真正意义上的不存在)：$("#test").empty();
当鼠标在该控件上时，该控件获取焦点：onmouseover=this.focus();
当该控件获取焦点时，控件中的内容被选中：onfocus= "this.select();
去掉某元素的样式: $('#add').attr('style','display:none;');
找到ID为coverageinfo 下面的tbody标签下的tr标签下的第一个td标签下的第一个input标签:$('#coverageinfo > tbody > tr').find('td:eq(0)').find('input:eq(0)')//
将某元素设为只读：
         $('#add').attr('style','display:none;');
         $('#add').attr('readonly','readonly');//能获取焦点

         $('#add').attr('disabled','true');//不能获取焦点

将值清空：$("#id").val("");
将某元素设为隐藏：  style="visibility:hidden ";

将json数据转换成一个对象 ：var jsondata =  $.parseJSON('{"activityName":"John"}'); 

这样就可以轻便获得所需数据： alert(jsondata.activityName); 
 //注意，此方法是将json数据的数组转换成json对象，一般数组不行，
例如，var _TheArray = new Array("1","2","3");
要如下：var temp = '[{ "address": "a", "email": "123@123.com ", "name": "test5 ", "id": "6 "},
                    { "address": "2 ", "email": "456@456.com ", "name": "test5 ", "id": "6 "}]';

$(this)继续使用选择器1：
 $("#tpzs > div").each(function(){
         var v1 = $(this);
         $.ajax({
                 url  : '/tpzssearch/handleSearch.action',
                 type : 'post',
                 data : {tableId:v1.attr("id")},
                 dataType : 'json',
                 error : function(XMLHttpRequest) {
                     alert("服务器错误：" + XMLHttpRequest.responseText);
                 },
                 success :function(result){
                     alert("123" + v1.html());

                     if(v1.find("div[align='left'] > div:eq(1)").length <= 0){
                           alert("空对象");
                           return;
                     }
                     alert(v1.find("div[align='left'] > div:eq(1)").html());
                     //v1.find("div[align='left'] > div:eq(1) > table:eq(0)").apend("123");
                     
                    }
             });
         });

$(this)继续使用选择器2：

要使用的界面html:

<table width="100%" id="conditionsTable" cellpadding="2" cellspacing="4">
   <tbody>
        <tr>
            <td align='right'>号牌号码：</td><td><input type='text' name='2471e99c-89f1-4056-b83a-d258a68e2416' value='' size='18' autocomplete='off' class='ac_input'></td>
            <td align='right'>地址：</td><td><input type='text' name='1a29d3f9-0f2b-42dc-a1a3-40bc938d865a' value='' size='18' autocomplete='off' class='ac_input'></td>
            <td align='right'>姓名：</td><td><input type='text' name='76ac889d-a386-47c8-ad6f-320bfc358af2' value='' size='18' autocomplete='off' class='ac_input'></td>
        </tr>
        <tr>
            <td align='right'>测试字段组合2：</td><td><input type='text' name='f0a41292-59a3-4226-b1cf-af0d37ffe1f5' value='' size='18' autocomplete='off' class='ac_input'></td>
            <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
        </tr>
   <tbody>
</table>

现在的需求是仅仅对车牌号码(服务器配置的这个文本框的位置和本地环境的位置不一致)后面的input标签加上自动补全功能，所以得找到这个input

$(document).ready(function(){
    $("#conditionsTable > tbody").find("td[align='right']").each(function(){
                       //this加上$()才是jquery对象
        if("车牌号码：" == $(this).text() || "号牌号码：" == $(this).text()){
            var $v = $(this).next().find("input");
                $v.autocomplete(options,{
                    xxxx
                });
        }
    });
    
});

 

动态替换标签：

$("#optionmodel").change(function(){
        if('' == $("#optionmodel").val()){
            alert("请选择选项模式");
        }else if('0' == $("#optionmodel").val()){
            $("#Premiumperiod2").replaceWith("<input name='Premiumperiods' id='Premiumperiod2'  type='text' style='width: 100%; text-align: right;' />");
        }else{
            $("#Premiumperiod2").replaceWith("<select name='Premiumperiods' id='Premiumperiod2'>" +
                                                    "<option value=''></option>" +
                                             "</select>");
        }
    });

 程序：

<%@ page language="java" import="java.util.*,java.text.SimpleDateFormat"
    pageEncoding="UTF-8" contentType="text/html; charset=utf-8"%>

<%@ include file="/common/taglib.jsp"%>   
<%@ include file="/common/pagehead.jsp" %>   
<%@ include file="/common/meta.jsp"%> 

        <style type="text/css">
.rl ul li {
    float: left;
    padding: 0px 3px;
    display: block;
}

#main{
    height: 700px;
    width: 1000px;
}

.tb ul li {
    float: left;
    padding: 0px 7px;
    list-style: none;
}

table tr{
    height: 20px;
}
</style>
        <link href="${path}/css/jquery.autocomplete.css" type="text/css"
            rel="stylesheet"></link>
        <script type="text/javascript" src="${path}/js/jquery.autocomplete.js">
</script>
        <script type="text/javascript" src="${path}/js/formValidatorRegex.js">
</script>
        <script type="text/javascript" src="${path}/js/formValidator.js">
</script>
        <!-- javascript开始 -->


        <!-- 兼容firefox的event事件-->
        <script type="text/javascript">
$(function() {
    var bro = $.browser;
    if (bro.mozilla) {
        function __firefox() {
            HTMLElement.prototype.__defineGetter__("runtimeStyle",
                    __element_style);
            window.constructor.prototype.__defineGetter__("event",
                    __window_event);
            Event.prototype.__defineGetter__("srcElement", __event_srcElement);
        }
        ;

        function __element_style() {
            return this.style;
        }
        ;

        function __window_event() {
            return __window_event_constructor();
        }
        ;

        function __event_srcElement() {
            return this.target;
        }
        ;

        function __window_event_constructor() {
            if (document.all) {
                return window.event;
            }
            var _caller = __window_event_constructor.caller;
            while (_caller != null) {
                var _argument = _caller.arguments[0];
                if (_argument) {
                    var _temp = _argument.constructor;
                    if (_temp.toString().indexOf("Event") != -1) {
                        return _argument;
                    }
                }
                _caller = _caller.caller;
            }
            return null;
        }
        ;

        if (window.addEventListener) {
            __firefox();
        }
        ;
    }
    ;
});
</script>


        <!-- 数字转换 -->
<script type="text/javascript">
        //判断是否为数字
        function isDigit(data, obj) {
        
            if (data == "") {
                return true;
            }
            var regular = /^[\-\+]?([0-9]\d*|0|[1-9]\d{0,2}(,\d{3})*)(\.\d+)?$/;
            if (regular.test(data)) {
                return true;
            } else {
                alert('请输入数字!!');
                obj.value = "";
                obj.focus();
                return false;
            }
        };
        
        //千分位转小数
        function cancle3du(num) {
            if (num != '') {
                while (num.indexOf(',') != -1)
                    num = num.replace(',', '');
            }
            return num;
        };
        
        //将小数转换为千分位 如：899，211，33.00
        function num3du(num) {
            if (num != '') {
                var re = /(-?\d+)(\d{3})/;
                if (num.indexOf('.') == -1) { //整数类 
                    if (num.indexOf(',') != -1) {
                        num = num.replace(',', '');
                    }
                    while (re.test(num)) {
                        num = num.replace(re, "$1,$2");
                    }
                    num = num + '.00';
                } else { //小数类
                    var intvalue = '';
                    numvalue = num.split('.');
                    if (numvalue[0].indexOf(',') != -1) {
                        intvalue = numvalue[0].replace(',', '');
                    } else {
                        intvalue = numvalue[0];
                    }
                    while (re.test(intvalue))
                        intvalue = intvalue.replace(re, "$1,$2");
                    if (intvalue == '') {
                        num = 0 + '.' + numvalue[1]; //小于1的要在前面加个0            
                    } else {
                        num = intvalue + '.' + numvalue[1];
                    }
                }
            }
            return num;
        };
        
    function isNumberType(oNum) { 
      if( "number" == typeof(oNum)){
          return true;
      }else{
          return false;
      }
    };
</script>

        <!-- 取得险种列表 -->
<script type="text/javascript">
<c:choose>
    <c:when test="${'[null]' == coverageinfo}">
           var coverageinfo= [];
    </c:when>
    <c:otherwise>
          var coverageinfo= ${coverageinfo};
    </c:otherwise>
    </c:choose>
</script>


        <!-- 险种js -->
<script type="text/javascript">
         
$(function() {
    var $tab_flag = 'tab_1';
    var $coverage_num = 0;
    //险种信息的tabs一出来就有五个空的险种框
    function initBind() { 
         
        var view ="${type}";
        
        if(view == 'view') {
             //$('#add').attr('style','display:none;');
             //$('#add').attr('readonly','readonly');
              $('#add').attr('disabled','true');  
        }
        var flag = 5;
        if("add" == $("#hiddenType").val()) {
            flag = 5;
        }else{
            flag = coverageinfo.length;
        }
       
        for(var i = 1; i <= flag ; i++) {
            $('#add').click();
        }
        for(var i = 0; i < coverageinfo.length ; i++) {
            //alert("信息(" + coverageinfo[i]['PRODUCTCODE'] + ':'+ coverageinfo[i]['PRODUCTNAME']);
            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(0)').find('input:eq(0)').attr('value', coverageinfo[i]['PRODUCTCODE'] + ':'+ coverageinfo[i]['PRODUCTNAME']);
            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(1)').find('input:eq(0)').attr('value', coverageinfo[i]['FACEAMOUNT']);
            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(2)').find('input:eq(0)').attr('value', coverageinfo[i]['MODALPREM']);
            
            //显示产险选项
            var t = "<select   name='Premiumperiods' id ='Premiumperiod' class='span1'><option value='"+coverageinfo[i]['PREMIUMPERIOD']+"'>"+coverageinfo[i]['PREMIUMPERIOD']+"</option></select>";
            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(3)').html(t);
            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(3)').find('input:eq(0)').attr('value', coverageinfo[i]['PREMIUMPERIOD']);

            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(1)').find('input:eq(0)').attr('style', 'text-align:right;');
            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(2)').find('input:eq(0)').attr('style', 'text-align:right;');

            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(4)').find('input:eq(0)').attr('value', coverageinfo[i]['VALUEPREM']);
            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(5)').find('input:eq(0)').attr('value', coverageinfo[i]['FYB']);
            $('#CoverageList').find('tr:eq(' + i + ')').find('td:eq(6)').find('input:eq(0)').attr('value', coverageinfo[i]['COVERAGEID']);
        } 

        var type = "${type}";
        if(type != "add"){ 
            $('#Agentname').attr('readonly', 'true'); 
            $('#Applydate').attr('readonly', 'true'); 
            $('#Applicationno').attr('readonly', 'true');  

        }else{
            $('#Applydate').attr('value','<%out.print(new SimpleDateFormat("yyyy-MM-dd").format(new Date()));%>');
        }
        
        
    };
    
    //价保及FYB合计
     function sumpremamount(){
        var objs =  document.getElementById('CoverageList').getElementsByTagName('tr');
        var len  =  objs.length;
        var valueprem = 0; 
        var valfyb    = 0;
        for(var i=0; i<len; i++){
            var Faceamout =  objs[i].getElementsByTagName('td');

            var inputval  =  Faceamout[4].getElementsByTagName('input'); 
            valueprem  += Number(  cancle3du(inputval[0].value)  );  

            var fybval  =  Faceamout[5].getElementsByTagName('input'); 
            valfyb  += Number(    cancle3du(fybval[0].value)  ); 
        }    
        $('#valuepremsum').attr('value',  num3du(valueprem.toFixed(2))  );
        $('#valuefybsum').attr('value',   num3du(valfyb.toFixed(2))    );
    };
    
    //保险金额及保费
    function sumAmount(){
        var objs =  document.getElementById('CoverageList').getElementsByTagName('tr');
        var len  =  objs.length;
        var FaceamoutSum = 0;
        var ModalpremSum = 0;
         
        for(var i=0; i<len; i++){
            var Faceamout =  objs[i].getElementsByTagName('td');
            var inputval1  =  Faceamout[1].getElementsByTagName('input');
            var inputval2 =   Faceamout[2].getElementsByTagName('input');
            
            // 保险金额为空或为0，则取保费金额
            if(inputval1[0].value == '' || inputval1[0].value == 0) {
                inputval1[0].value = num3du(inputval2[0].value);
            }
            
            FaceamoutSum  += Number(   cancle3du(inputval1[0].value)   );
            ModalpremSum  += Number(   cancle3du(inputval2[0].value)   );  

        }  

        $('#faceamount').attr('value',num3du( FaceamoutSum.toFixed(2)) );
        $('#modalprem').attr('value', num3du( ModalpremSum.toFixed(2)) );
    };
    
    
    function deleteCoverage(obj) {
        //alert('hiddentype的值：'+$('#hiddenType').val());
        if(0 == $coverage_num) {
            alert('请至少选填一个险种!');
            return;
        }
        // add
        if('add' == $('#hiddenType').val()) {
            obj.remove();
            $coverage_num--;
            sumAmount();
            sumpremamount();
        }
        
        // edit
        else {
            if(confirm('确认删除该条记录吗?')==true){
                //alert('converageid:'+obj.find('td:eq(6)').find('input:eq(0)').attr('value')
                 //    + ',contractid:' + $('#hidContractId').val()
            //    );
                $.ajax({
                    url:'${path}/policyinput/deletecovrage',
                        type:'POST',
                        data:{converageid:obj.find('td:eq(6)').find('input:eq(0)').attr('value'),
                          contractid :$('#hidContractId').val()},
                          dataType:'json',
                          timeout:10000,
                          error: function(XmlHttpRequest){ 
                              alert("服务器问题导致删除失败!" + XmlHttpRequest.responseText);
                              },
                          success: function(result) {
                              if(result[0]['obj'] == 'suc'){
                                  alert("删除成功!!");
                              }else{
                                  alert("删除失败!!");
                              }

                              obj.remove();
                              $coverage_num--;
                              sumAmount();
                              sumpremamount();
                          } 
                });
            }
        }
    };
    //与被保人的关系的下拉列表框change事件
    $('#Insuredrelationtype').change(
        function(){ 
            selectedIndex =  document.getElementById("Insuredrelationtype").selectedIndex;
            selectedValue =  document.getElementById("Insuredrelationtype").options[selectedIndex].value;
            if(selectedValue=='INSUREDRELATIONTYPE_5' && $('#Idno').val()){
                $('#Insuredname').attr('value', $('#Customername').val()); 
                $('#Bygender').attr('value', $('#Gender').val());   
                $('#Bybirthday').attr('value', $('#Birthday').val());   
                $('#Bymarriagestatus').attr('value', $('#Marriagestatus').val());   
                $('#Bycontactphone').attr('value', $('#Contactphone').val());   
                $('#Bycontactmobile').attr('value', $('#Contactmobile').val());   
                $('#Bycontactemail').attr('value', $('#Contactemail').val());   
                $('#Byzipcode').attr('value', $('#Zipcode').val());   
                $('#Bycontactaddr').attr('value', $('#Contactaddr').val());     
                document.getElementById('Insuredidno').value = $('#Idno').val();
                document.getElementById('Bycontactmobile').value = $('#Contactmobile').val();
                document.getElementById('Insuredidtype').value =  $('#Idtype').val(); 

                $('#hidInsuredId').attr('value', $('#hidAppId').val());
            }
        }
    ); 
    
    //获得价保
    function getValueprem(obj){
        $pname      = obj.find('td:eq(0)').find('input:eq(0)').val();
        $Faceamout  = obj.find('td:eq(1)').find('input:eq(0)').val();
        $modelPrem  = obj.find('td:eq(2)').find('input:eq(0)').val();
        $period     = $.trim(obj.find('td:eq(3)').find('select:eq(0)').val());
        
        // 去掉保额为空的限制$Faceamout
        if($pname == '' || $modelPrem=='' || $period==''){
            return;
        }
        $Product   = obj.find('td:eq(0)').find('input:eq(0)').val().split(':');
       
        $Productcode = $Product[0].toUpperCase(); 
        $Premiumperiod = obj.find('td:eq(3)').find('select:eq(0)').val();
        $channeltype   = $('#Channeltype').val();
        $providerid    = $('#Providerid').val();
        $Premiummode   = $('#premiummode').val();
        $modalprem     = cancle3du( obj.find('td:eq(2)').find('input:eq(0)').val() );
        $.ajax({
            url:'${path}/policyinput/getvalueprem',
                type:'POST',
                data:{productcode:$Productcode,premiumperiod:$Premiumperiod,
                channeltype:$channeltype ,providerid:$providerid ,
                premiummode:$Premiummode, modalprem: $modalprem, policyyear:1},
                dataType:'json',
                timeout:10000,
                error: function(XmlHttpRequest){ alert('服务器错误' + XmlHttpRequest.responseText); },
                success: function(result) {  
                    if(result[0]=='888888'){   
                        obj.find('td:eq(4)').find('input:eq(0)').attr('value', result[1]); 
                        obj.find('td:eq(5)').find('input:eq(0)').attr('value', result[1]);   
                       

                        obj.find('td:eq(4)').find('input:eq(0)').attr('disabled', false);  
                        obj.find('td:eq(5)').find('input:eq(0)').attr('disabled', false);

                        obj.find('td:eq(4)').find('input:eq(0)').attr('readOnly', true);  
                        obj.find('td:eq(5)').find('input:eq(0)').attr('readOnly', true);

                    }
                    else{ 
                        obj.find('td:eq(4)').find('input:eq(0)').attr('value', null!=result[2]? num3du(result[2]):0);   
                        obj.find('td:eq(5)').find('input:eq(0)').attr('value', null!=result[3]?  num3du(result[3] ):0);  
                        ///价保合计
                        var objs =  document.getElementById('CoverageList').getElementsByTagName('tr');
                        var len  =  objs.length;
                        var valueprem = 0; 
                        var valfyb    = 0;
                        for(var i=0; i<len; i++){
                            var Faceamout =  objs[i].getElementsByTagName('td');

                            var inputval  =  Faceamout[4].getElementsByTagName('input'); 
                            valueprem  += Number(  cancle3du(inputval[0].value)  );  

                            var fybval  =  Faceamout[5].getElementsByTagName('input'); 
                            valfyb  += Number(    cancle3du(fybval[0].value)  ); 
                        }    
                        $('#valuepremsum').attr('value',  num3du(valueprem.toFixed(2))  );
                        $('#valuefybsum').attr('value',   num3du(valfyb.toFixed(2))    );


                      
                    }
                }
        }); 
    };
    
     //当ajax获得商品名称的时候,ajax马上又获得选项select的时候需调用的函数
    function update_select(select_input,results){
        var old_value = select_input.value;
        var length = select_input.options.length - 1;    
        for(var i = length; i >= 0; i--){ 
            if(select_input.options[i].value != "") {
                select_input.options[i] = null;    
            }
        }    
    
        for(var i=0;i<results.length;i++){
            var varItem = new Option(results[i].PREMIUMPERIOD, results[i].PREMIUMPERIOD);      
            select_input.options.add(varItem);     
            
            if(old_value !="" && old_value==results[i]['PREMIUMPERIOD']){
                varItem.selected=true;
            }
    
        }
    
   };
   
    //当ajax获得商品名称的时候,马上又获得选项select的ajax
   function ajax_update_period(i){
        
        var productname_inputs = $("input[name=Productnames]");
        var period_inputs = $("select[name=Premiumperiods]");
       
        var productcode = productname_inputs.get(i).value.split(":")[0];
        var period_input = period_inputs.get(i);
        $.ajax({
            url:'${path}/policyinput/ajaxgpremiumperiod',
            type:'GET',
            dataType:'json',
            data:{productcode:productcode,providerid:$("#Providerid").val()},
            timeout:10000,
            error: function(){ alert('服务器错误, 请与管理员联系!'); },
            success: function(result) { 
                
                        update_select(period_input, result);
                       
                        
            } 
        });
    };
    
    //更新年期
    function updatePeriod(){
        
        var productname_inputs = $("input[name=Productnames]");
        var period_inputs = $("select[name=Premiumperiods]");
        
        for(var i =0;i< productname_inputs.size();i++){
            var productname_input = productname_inputs.get(i);
            var period_input = period_inputs.get(i);
    
            if(productname_input.value == "" ) {
                //alert("productname_input.value:" + productname_input.value);
                break;
            }
            ajax_update_period(i);
        }
   };
   
  
      
    
    //新增按钮的单击事件
    $('#add').click(
        function() { 
            if(10 == $coverage_num) {
                $("#add").attr("disabled","true");
                return;
            }
            var obj = $('#tb_example').find('tr:eq(0)').clone();
            
            $coverage_num += 1;
            obj.find('td:eq(0)').find('input:eq(0)').attr('value', '');
            obj.find('td:eq(0)').find('input:eq(0)').autocomplete(${ProductItem}, {
                            minChars: 0,
                            max:200,
                            width: 200,
                            matchContains: "word",
                            autoFill: true,
                            formatItem: function(row, i, max) {
                                   
                                return row.PRODUCTCODE + ":" + row.PRODUCTNAME;
                            },
                            formatMatch: function(row, i, max) {
                                 
                                return row.PRODUCTCODE + ":" + row.PRODUCTNAME;
                            },
                            formatResult: function(row) {
                                //$("#productids").attr("value",row.PRODUCTID);
                                  // obj.find('td:eq(0)').find('input:eq(1)').attr('value', row.PRODUCTID);
                                return row.PRODUCTCODE + ":" + row.PRODUCTNAME;
                            }
                        });
            
            obj.find('td:eq(0)').find('input:eq(0)').change(
                function(){
                                
                                updatePeriod();
                }
            );
            
            obj.find('td:eq(0)').find('input:eq(0)').blur(
                function(){
                                
                                updatePeriod();
                }
            );
            
            obj.find('td:eq(1)').find('input:eq(0)').attr('value', '');
            obj.find('td:eq(1)').find('input:eq(0)').blur(
                function(){

                    if( isDigit( obj.find('td:eq(1)').find('input:eq(0)').val(),this) ){ 
                        sumAmount(); 
                        obj.find('td:eq(1)').find('input:eq(0)').attr('value', num3du(  obj.find('td:eq(1)').find('input:eq(0)').val() ) );
                    }  
                }); 
            obj.find('td:eq(2)').find('input:eq(0)').attr('value', '');
            obj.find('td:eq(2)').find('input:eq(0)').blur(
                function(){
                    if(isDigit( obj.find('td:eq(2)').find('input:eq(0)').val(),this) ) {
                        getValueprem(obj);
                        sumAmount(); 
                        obj.find('td:eq(2)').find('input:eq(0)').attr('value', num3du(obj.find('td:eq(2)').find('input:eq(0)').val() ));
                    }
                });
            obj.find('td:eq(3)').find('input:eq(0)').blur(
                function(){ 
                    getValueprem(obj); 
                    sumAmount();
                });
                obj.find('td:eq(3)').find('select:eq(0)').change(
                    function(){ 
                        getValueprem(obj); 
                        sumAmount();
                        }
                    );

            obj.find('td:eq(6)').find('input:eq(0)').attr('value', '');
            obj.find('td:eq(6)').find('a:eq(0)').unbind();
            obj.find('td:eq(6)').find('a:eq(0)').click(
                function() {
                    deleteCoverage(obj);  

                }
            );
            obj.appendTo($('#CoverageList'));
        }
    );
    
    
    //在它需要的函数载入之后再调用此函数
    initBind();
    
    // hotkey
    $('#tab_1').click(
        function() {
            if('tab_1' == $tab_flag) 
                return;
            $tab_flag = 'tab_1';
            $('#Idtype').focus();
        }
    );

    $('#tab_3').click(
        function() {
            if('tab_3' == $tab_flag) 
                return;
            $tab_flag = 'tab_3';
            //$('#CoverageList').find('tr:eq(0)').find('td:eq(0)').find('input:eq(0)').focus();
            $("#optionmodel").focus();
        }
    );
    
    $('#Applicationno').blur(
        function() {
            if('tab_1' == $tab_flag) {
                $('#Idtype').focus();
            } else if('tab_2' == $tab_flag) {
                $('#Insuredidtype').focus();
            }else {
                $('#CoverageList').find('tr:eq(0)').find('td:eq(0)').find('input:eq(0)').focus();
            }

        }
    );

    $('#Vehicleownername').blur(
        function(){
            $('#tab_3').click();
        }
    );
    
    $('body').keyup(
        function() {
            var keyCode = window.event.keyCode;

            if(window.event.ctrlKey && 49 == keyCode) {
                if('tab_1' != $tab_flag) {
                    $('#tab_1').click();
                    return;
                }
            }


            if(window.event.ctrlKey && 51 == keyCode) {
                if('tab_3' != $tab_flag) {
                    $('#tab_3').click();
                    return;
                }
            }
        }
    );
    
    $('#Idno').change(
        function(){
            $('#Customername').attr('value','');
            $('#gender').attr('value','');
            $('#Birthday').attr('value','');
            $('#Contactphone').attr('value','');
            $('#Contactmobile').attr('value','');
            $('#Contactemail').attr('value','');
            $('#Contactaddr').attr('value','');
            $('#Bankno').attr('value','');
            $('#Bankaccountno').attr('value','');
        }
    );
    // ajax
    $('#Idno').blur(

        function() { 
            var idno= $.trim($('#Idno').val());
            if('' ==idno) {
                alert("请输入证件号码!");
                return;
             }
            if("IDTYPE_01"==$.trim($('#Idtype').val())&&isChinaIDCard(idno)==false){
                alert('身份证格式不正确!');return ;
            }
            //getIdcardMSG($('#Idno').val(),'Gender','Birthday');
            findInfo('A', $('#Idno').val());
        }
    );
    
    $('#Insuredidno').blur(
        function() {
            if('' == $.trim($('#Insuredidno').val())) {
                alert("请输入证件号码!");
                return;
            }
            findInfo('I', $('#Insuredidno').val());
        }
    );

    $('#Benefidno').blur(
        function() {
            if('' == $.trim($('#Benefidno').val())) {
                return;
            }
            findInfo('B', $('#Benefidno').val());
        }
    );

    function findInfo(t, v) {
        $.ajax({
            url:'${path}/policyinput/getcustomerinfo',
                type:'POST',
                data:{customertype:t,
                idno:v},
                dataType:'json',
                timeout:10000,
                error: function(){ alert('服务器错误, 请与管理员联系!'); },
                success: function(result) {  
                    if(result[0]['customername'] != ''){
                        
                        setInfo(result);

                    }else{
               
                        if(isChinaIDCard(v)){ //如果为身份证正确类型;身份证里含有出生日期,性别
                            var  cardinfo = cardTOInfo(v);
                            if(t=='A'){ 
                                $('#Gender').attr('value', cardinfo[1]);   
                                $('#Birthday').attr('value', cardinfo[0]);  
                            }
                            else if(t=='I'){
                                $('#Bygender').attr('value', cardinfo[1]);
                                $('#Bybirthday').attr('value', cardinfo[0]);
                            }  
                        }
                    }
                } 
        });
    };

    function setInfo(result) {
        
        if('' == result[0].customerid) {
            return;
        }
   
        if('A' == result[0].customertype) {
            $('#hidAppId').attr('value', result[0].customerid);
            $('#Idtype').attr('value', result[0].idtype);
            $('#Customername').attr('value', result[0].customername);  
            $('#Gender').attr('value', result[0].gender);
            $('#Birthday').attr('value', result[0].birthday);
            $('#Marriagestatus').attr('value', result[0].marriagestatus);
            $('#Contactphone').attr('value', result[0].contactphone);
            $('#Contactmobile').attr('value', result[0].contactmobile);
            $('#Contactemail').attr('value', result[0].contactemail);
            $('#Zipcode').attr('value', result[0].zipcode);
            $('#Contactaddr').attr('value', result[0].contactaddr);
            $('#Bankno').attr('value', result[0].bankno);
            $('#Bankaccountno').attr('value', result[0].bankaccountno);

        } else if('I' == result[0].customertype) {
            $('#hidInsuredId').attr('value', result[0].customerid);
            $('#Insuredidtype').attr('value', result[0].idtype);
            $('#Insuredname').attr('value', result[0].customername);
            $('#Bygender').attr('value', result[0].gender);
            $('#Bybirthday').attr('value', result[0].birthday);
            $('#Bymarriagestatus').attr('value', result[0].marriagestatus);
            $('#Bycontactphone').attr('value', result[0].contactphone); 
            $('#Bycontactmobile').attr('value', result[0].contactmobile);
            $('#Bycontactemail').attr('value', result[0].contactemail);
            $('#Byzipcode').attr('value', result[0].zipcode);
            $('#Bycontactaddr').attr('value', result[0].contactaddr);
            $('#Bybankno').attr('value', result[0].bankno);
            $('#Bybankaccountno').attr('value', result[0].bankaccountno); 
        } else if('B' == result[0].customertype) {
            $('#hidBenefId').attr('value', result[0].customerid);
            $('#Benefidtype').attr('value', result[0].idtype);
            $('#Benefname').attr('value', result[0].customername);
        }
    };
    
  });
    
</script>


<!-- 表单提交 -->
        <script type="text/javascript">
function timeAppear() {
    var type = "${type}";
    if (type == 'add') {
        WdatePicker( {
            dateFmt : 'yyyy-MM-dd'
        });
    }
};
function doSubmit() {
    var subtn = event.srcElement;
    subtn.disabled = true;
    
    if('' == $.trim($('#planattrtype').val())){
        alert('对不起，保单类型不能为空！');
        subtn.disabled = false;
        return;
    }

    //投保单号为空判断
    if ('' == $.trim($('#Applicationno').val())) {
        alert('对不起，投保单号不能为空！');
        subtn.disabled = false;
        return;
    }
    if ('' == $.trim($('#contractno').val())) {
        alert('对不起，保单号不能为空！');
        subtn.disabled = false;
        return;
    }

    if (!checkPattern($.trim($('#contractno').val()))) {
        subtn.disabled = false;
        return;
    }

    if ('' == $.trim($('#initialchargemode').val())) {
        alert('对不起,产险缴费方式不能为空!');
        subtn.disabled = false;
        return;
    }

    if ('' == $.trim($('#Approvedate').val())) {
        alert('对不起,产险出单日期不能为空!');
        subtn.disabled = false;
        return;
    }

    if ('' == $.trim($('#Effectivedate').val())) {
        alert('对不起,产险生效日期不能为空!');
        subtn.disabled = false;
        return;
    }
    
    if('PLANATTRTYPECX_C4' != $("#planattrtype").val()) {
        //非一单一议险种相关输入校验
        var k = 0;
        var m = 0;
        var q = 0;
        var p = 0;
        var _productName = [];
        for (i = 0; i < $("input").length; i++) {
            //至少输入一个险种
            if ($("input")[i].id == 'Productname') {
                if ($("input")[i].value != '') {
                    _productName[_productName.length] = $("input")[i].value;
                    k++;
                }
            }
    
            //Faceamout
            if ($("input")[i].id == 'Faceamout') {
                if ($("input")[i].value != '')
                    m++;
            }
            //Modalprem
            if ($("input")[i].id == 'Modalprem') {
                if ($("input")[i].value != '')
                    q++;
            }
            //价保值获取失败，不能提交
            if ($("input")[i].id == 'valueprem') {
                if ($("input")[i].value != '') {
                    p++;
                    if (!checkRate($("input")[i].value)) {
                        alert("对不起，价保值获取失败，不能提交该保单！");
                        subtn.disabled = false;
                        return;
                    }
                }
            }
        }
        if (k == 0) {
            alert('对不起，必须输入险种！');
            subtn.disabled = false;
            return;
        }
        if (k != m || k != p || k != q) {
            alert('对不起，险种信息输入不齐全！');
            subtn.disabled = false;
            return;
        }
    }else{
        if("" == $.trim($("#Productname2").val())) {
            alert("商品名称不能为空");
            subtn.disabled = false;
            return;
        }
        
        if("" == $.trim($("#Faceamout2").val())) {
            alert("保险金额不能为空");
            if(!checkRate($.trim($("#Faceamout2").val()))){
                alert("保险金额应为数字");
            }
            subtn.disabled = false;
            return;
        }
        
        if("" == $.trim($("#Modalprem2").val())) {
            alert("保费不能为空");
            if(!checkRate($.trim($("#Modalprem2").val()))){
                alert("保费应为数字");
            }
            subtn.disabled = false;
            return;
        }
        
        if("" == $.trim($("#Premiumperiod2").val())) {
            alert("选项不能为空");
            subtn.disabled = false;
            return;
        }
        
        
        
        if("" == $.trim($("#agencybaserate").val())){
            alert("固定手续费率不能为空");
            if(!checkRate($.trim($("#agencybaserate").val()))){
                alert("固定手续费率应为数字");
            }
            subtn.disabled = false;
            return;
        };
        
        if("" == $.trim($("#agencyextrarate").val())){
            alert("浮动手续费率不能为空");
            if(!checkRate($.trim($("#agencybaserate").val()))){
                alert("浮动手续费率应为数字");
            }
            subtn.disabled = false;
            return;
        };
        
        if("" == $.trim($("#commissionrate").val())){
            alert("基础佣金率不能为空");
            var a = $.trim($("#commissionrate").val());
            if( !isNumberType(Number(a)) || a > 100){
                alert('基础佣金率应该是0~100之间!');
            }
            subtn.disabled = false;
            return;
        };
        
        if("" == $.trim($("#bizfeerate").val())){
            alert("机构业务推动费不能为空");
            if(!checkRate($.trim($("#bizfeerate").val()))){
                alert("机构业务推动费应为数字");
            }
            subtn.disabled = false;
            return;
        };
        
        if("" == $.trim($("#agencythrrate").val())){
            alert("总部业务推动费不能为空");
            if(!checkRate($.trim($("#agencythrrate").val()))){
                alert("总部业务推动费应为数字");
            }
            subtn.disabled = false;
            return;
        };
        
        if("" == $.trim($("#fybrate").val())){
            alert("FYB率不能为空");
            var a = $.trim($("#fybrate").val());
            if( !isNumberType(Number(a)) || a > 100){
                alert('FYB率应该是0~100之间!');
            }
            subtn.disabled = false;
            return;
        };    
        
        if("" == $.trim($("#valueprem2").val())) {
            //alert("价保不能为空");
            if(!checkRate($.trim($("#valueprem2").val()))){
                alert("价保应为数字");
            }
            subtn.disabled = false;
            return;
        }
        
        if("" == $.trim($("#valuefyb2").val())) {
            //alert("FYB不能为空");
            if(!checkRate($.trim($("#valuefyb2").val()))){
                alert("FYB应为数字");
            }
            subtn.disabled = false;
            return;
        }
        
    }
    //$("#temp123").empty();
      var aa = $("#hiddenType").attr("value");
      //alert(aa);
     // return;
      if("edit" == aa){
          document.form1.action = "${path}/policyinput/save";
          document.form1.submit();
     }else if("add" == aa ){
          contractauditprev(subtn);
      }

};

function contractauditprev(subtn) {
    $.ajax( {
                type : "POST",
                dataType : "json",
                url : "${path}/policyinput/checkcontractnonew",
                timeout:20000,
                data : {
                    contractnonew : $('#contractno').val(),
                    providertype : 'G',
                    providerid : $('#Providerid').val(),
                    branchid : '${agentBranch}',
                    contractid : $('#hidContractId').val()
                },
                error:function(){
                    alert("服务器错误, 请与管理员联系!");
                },
                success : function(m) {
                  if (m[0] > 0) { //保单号存在，提示确认继续提交数据            
                    alert("该保单保单号重复,不允许保存!");
                    subtn.disabled = false;
                    
                 }else { //保单号不存在，直接提交
                    //开始保存数据    
                    //alert(m[0]['obj']);
                    //return;
                    document.form1.action = "${path}/policyinput/save";
                    document.form1.submit();
                }
            }
            });
};



function checkPattern(strDate) {
    var patrn1 = /^[^\u4e00-\u9fa5]{0,}$/;//不能输入中文的正则表达式
    var patrn2 = /^[^\'\"\,\/\\]{0,}$/;//不能输入特殊字符的正则表达式

    if (!patrn1.exec(strDate)) {
        alert("保单号不能输入中文，请重新输入！");
        return false;
    } else if (!patrn2.exec(strDate)) {
        alert("保单号不能输入非法字符，请重新输入！");
        return false;
    } else {
        return true;
    }
};

//判断是否数字
function checkRate(p) {
    var re = /^[0-9\,]+.?[0-9\,]*$/; //判断字符串是否为数字      
    if (!re.test(p)) {
        return false;
    } else {
        return true;
    }
};

function load() {
    var faceamount = 0;
    var modalprem = 0;
    var valuepremsum = 0;
    var valfyb = 0;
    for ( var i = 0; i < coverageinfo.length; i++) {
        faceamount += Number('' != coverageinfo[i].Faceamount ? cancle3du(coverageinfo[i].Faceamount)
                : '0');
        modalprem += Number('' != coverageinfo[i].Modalprem ? cancle3du(coverageinfo[i].Modalprem)
                : '0');
        valuepremsum += Number('' != coverageinfo[i].Valueprem ? cancle3du(coverageinfo[i].Valueprem)
                : '0');
        valfyb += Number('' != coverageinfo[i].Fyb ? cancle3du(coverageinfo[i].Fyb)
                : '0');

    }
    $('#faceamount').attr('value', num3du((faceamount.toFixed(2)).toString()));
    $('#modalprem').attr('value', num3du((modalprem.toFixed(2)).toString()));
    $('#valuepremsum').attr('value',
            num3du((valuepremsum.toFixed(2)).toString()));
    $('#valuefybsum').attr('value', num3du((valfyb.toFixed(2)).toString()));

};

//屏蔽enter键提交,同时使enter键效果如同tab键
function keyDown() {
    var keycode = event.keyCode;
    var keyChar = String.fromCharCode(keycode);
    if (event.keyCode == 13 && event.srcElement.type != 'button'
            && event.srcElement.type != 'submit'
            && event.srcElement.type != 'reset' && event.srcElement.type != ''
            && event.srcElement.type != 'textarea') {
        event.keyCode = 9;
    }
};
document.onkeydown = keyDown;

</script>


        <script type="text/javascript">
$(document).ready(function() {

    //select all the a tag with name equal to modal
        $('a[name=modal]').click(function(e) {
            //Cancel the link behavior
                e.preventDefault();

                //Get the A tag
                var id = $(this).attr('href');

                //Get the screen height and width
                var maskHeight = $(document).height();
                var maskWidth = $(window).width();

                //Set heigth and width to mask to fill up the whole screen
                $('#divmask').css( {
                    'width' : maskWidth,
                    'height' : maskHeight
                });

                //transition effect        
                $('#divmask').fadeIn(1000);
                $('#divmask').fadeTo("slow", 0.8);

                $(id).css( {
                    'position' : 'absolute',
                    'top' : $(document).scrollTop() + 80,
                    'left' : (maskWidth - $(id).width()) / 2
                });

                //transition effect
                $(id).fadeIn(2000);
            });

        //if close button is clicked
        $('.window .close').click(function(e) {
            //Cancel the link behavior
                e.preventDefault();

                $('#divmask').hide();
                $('.window').hide();
                document.getElementById("modifypolicy").innerHTML = '';
            });

        //if mask is clicked
        $('#divmask').click(function() {
            $(this).hide();
            $('.window').hide();
            document.getElementById("modifypolicy").innerHTML = '';
        });
    });
</script>

        <!--  根据保单类型显示不同的div-->
<script type="text/javascript">

   
   $(function() {
       $("#planattrtype").attr("style","background-color:#d0d0d0;text-align: center");
       
       //alert("保单类型：" + $('#planattrtype').val());
       if("PLANATTRTYPECX_C1" == $('#planattrtype').val()){
           //卡单
           $("#normalcoveinfo").show();
       }else if("PLANATTRTYPECX_C2" == $('#planattrtype').val()) {
           //车险
           $("#applicantinfo").show();
           $("#vehicleinfo").show();
           $("#normalcoveinfo").show();
       }else if("PLANATTRTYPECX_C3" == $('#planattrtype').val()) {
           //非车险
           $("#applicantinfo").show();
           $("#insurerinfo").show();
           $("#normalcoveinfo").show();
       }else if("PLANATTRTYPECX_C4" == $('#planattrtype').val()) {
           //一单一议
           $("#applicantinfo").show();
           $("#insurerinfo").show();
           $("#onetoonecoveinfo").show();
           
           autocompleteProduct();
           
       }else{
           $("#normalcoveinfo").hide();
           $("#applicantinfo").hide();
           $("#insurerinfo").hide();
           $("#vehicleinfo").hide();
           $("#onetoonecoveinfo").hide();
       } 
   });
   
   $(function(){
       $("#planattrtype").change(function(){
       // alert("保单类型：" + $('#planattrtype').val());
       if("PLANATTRTYPECX_C1" == $('#planattrtype').val()){
           //卡单
           $("#normalcoveinfo").show();
           
           $("#applicantinfo").hide();
           $("#insurerinfo").hide();
           $("#vehicleinfo").hide();
           $("#onetoonecoveinfo").hide();
           
       }else if("PLANATTRTYPECX_C2" == $('#planattrtype').val()) {
           //车险
           $("#applicantinfo").show();
           $("#vehicleinfo").show();
           $("#normalcoveinfo").show();
           
           $("#insurerinfo").hide();
           $("#onetoonecoveinfo").hide();
           
       }else if("PLANATTRTYPECX_C3" == $('#planattrtype').val()) {
           //非车险
           $("#applicantinfo").show();
           $("#insurerinfo").show();
           $("#normalcoveinfo").show();
           
           $("#vehicleinfo").hide();
           $("#onetoonecoveinfo").hide();
       }else if("PLANATTRTYPECX_C4" == $('#planattrtype').val()) {
           //一单一议
           $("#applicantinfo").show();
           $("#insurerinfo").show();
           $("#onetoonecoveinfo").show();
           
           $("#normalcoveinfo").hide();
           $("#vehicleinfo").hide();
           
           autocompleteProduct();
       }else{
           $("#normalcoveinfo").hide();
           $("#applicantinfo").hide();
           $("#insurerinfo").hide();
           $("#vehicleinfo").hide();
           $("#onetoonecoveinfo").hide();
       }
   });
   });
       
     function autocompleteProduct(){
           $('#Productname2').autocomplete(${ProductItem}, {
                            minChars: 0,
                            max:200,
                            width: 200,
                            matchContains: "word",
                            autoFill: true,
                            formatItem: function(row, i, max) {
                                return row.PRODUCTCODE + ":" + row.PRODUCTNAME;
                            },
                            formatMatch: function(row, i, max) {
                                
                                return row.PRODUCTCODE + ":" + row.PRODUCTNAME;
                            },
                            formatResult: function(row) {
                                //$("#productids2").attr("value",row.PRODUCTID);
                                //$("#productids2").attr("value","PROAG00000103155");
                                return row.PRODUCTCODE + ":" + row.PRODUCTNAME + "                              :" +row.PRODUCTID;
                            }
            });
     };
   
 
</script>

        <!-- 一单一议的js -->
<script type="text/javascript">
$(function(){
    //去掉逗号   123,456变123456
       //alert(cancle3du("123,456"));
    //加上逗号,小数点和零  22222变22,222.00
       //alert(num3du("22222"));
    //Number转换成整数
    //toFixed(2)四舍五入保留两位小数
    
    //展示在界面上的number，要小数点，逗号，零，小数点后面只有两位数
    function shownumber(id){
        var temp = num3du( Number(cancle3du($.trim($(id).val()))).toFixed(2) ); 
        $(id).attr("value",temp);
    }
    
    function shownumber2(num){
        var temp = num3du( Number(cancle3du(num)).toFixed(2) ); 
        $(id).attr("value",temp);
    }
    
    //实际用于js计算，传进数据数据库时的值
    function realnumber(id){
        var temp = Number(cancle3du($.trim($(id).val()))).valueOf();
        return temp;
    }
    
    /**
     * Productname2  的事件
     */
    
    $("#Productname2").blur(function(){
            var productids2 = $("#Productname2").val();
            var Premiumperiod2 = $.trim($("#Premiumperiod2").val());
            if('' != productids2 && '' != Premiumperiod2){
                productids2 =productids2.split(":")[2];
                checkpremiumperiod(productids2,Premiumperiod2);
            }     
    });
    
    /**
     * Premiumperiod2 的事件
     */
    $("#Premiumperiod2").blur(function(){
            var productids2 = $("#Productname2").val();
            var Premiumperiod2 = $.trim($("#Premiumperiod2").val());
            
            if('' != productids2 && '' != Premiumperiod2){
                Premiumperiod2 = Premiumperiod2.toUpperCase();
                $("#Premiumperiod2").attr("value",Premiumperiod2);
                productids2 =productids2.split(":")[2];
                checkpremiumperiod(productids2,Premiumperiod2);
            } 
    });
    
    
    function checkpremiumperiod(a,b){
        $.ajax({
            url:'${path}/policyinput/checkpremiumperiod',
            type:'GET',
            dataType:'json',
            data:{productid:a,premiumperiod:b},
            timeout:10000,
            error: function(){ alert('服务器错误, 请与管理员联系!'); },
            success:function(result){
                if(null != result[0] && "" != result[0]["planrgroupitemid"]) {
                    $("#agencybaserate").attr("value",result[0]['agencybaserate']);
                    $("#agencyextrarate").attr("value",result[0]["agencyextrarate"]);
                    $("#commissionrate").attr("value",result[0]["commissionrate"]);
                    $("#bizfeerate").attr("value",result[0]["bizfeerate"]);
                    $("#agencythrrate").attr("value",result[0]["agencythrrate"]);
                    $("#valuepremrate").attr("value",result[0]["valuepremrate"]);
                    $("#PLANRGROUPITEMID").attr("value",result[0]["planrgroupitemid"]);
                    $("#fybrate").attr("value",result[0]["fybrate"]);
                    $("#agencyfeerate").attr("value",result[0]["agencyfeerate"]);
                    $("#taxrate").attr("value",result[0]["taxrate"]);
                    $("#saverate").attr("value",result[0]["saverate"]);
                    
                    var modalprem = realnumber("#Modalprem2");
                    if( isNumberType(modalprem) ){
                        //alert(modalprem*0.01);
                        $("#valueprem2").attr("value",(0.01*modalprem*result[0]["valuepremrate"]).toFixed(2));
                        $("#valuefyb2").attr("value",(0.01*modalprem*result[0]["fybrate"]).toFixed(2));
                    }
                }else{
                    $("#agencybaserate").attr("value","");
                    $("#agencyextrarate").attr("value","");
                    $("#commissionrate").attr("value","");
                    $("#bizfeerate").attr("value","");
                    $("#agencythrrate").attr("value","");
                    $("#valuepremrate").attr("value","");
                    $("#PLANRGROUPITEMID").attr("value","");
                    $("#fybrate").attr("value","");
                    $("#agencyfeerate").attr("value","");
                    $("#taxrate").attr("value","");
                    $("#saverate").attr("value","");
                    
                    $("#valueprem2").attr("value","");
                    $("#valuefyb2").attr("value","");
                }
            }
        });
    };
    
    /**
     * Faceamout2 的事件
     */    
    //当通过动态事件改变它的值的时候，文本框不能获取焦点，blur事件无效，所以添加change事件
    $("#Faceamout2").change(function(){
        var tempnum1 = $("#Faceamout2").val();
        if( '' != tempnum1 ){
            shownumber("#Faceamout2");
        }
    });
    
    /**
     * Modalprem2的事件
     * @memberOf {TypeName} 
     */
    $("#Modalprem2").change(function(){
        var tempnum1 = $.trim($("#Modalprem2").val());
        if( '' != tempnum1 ){
            Modalprem2valuechange(tempnum1);
        }
    });
    
    function Modalprem2valuechange(tempnum){
        var tempnum1 = num3du( Number(cancle3du(tempnum)).toFixed(2) );
        shownumber("#Modalprem2");
        if($.trim($("#Faceamout2").val()) == '') {
            $("#Faceamout2").attr("value",tempnum1);
        }
        
        var valuepremrate = $.trim($("#valuepremrate").val());
        if( valuepremrate == '') {
            //alert("价保率为空");
            getValueprem2();
        }else{         
            $("#valueprem2").attr("value",(realnumber("#Modalprem2")*valuepremrate*0.01).toFixed(2));
        }
        
        var fybrate = $.trim($("#fybrate").val());
        if(isNumberType(Number(fybrate)) && fybrate>=0  && fybrate<= 100 && '' != fybrate){
            //alert(typeof(fybrate));
            //alert("fybrate:  "+ fybrate);
            $("#valuefyb2").attr("value",(realnumber("#Modalprem2")*fybrate*0.01).toFixed(2));
        }
        
        
        
    };
    
    //js计算价保
    function getValueprem2(){
        //alert("价保改变时调用了方法");
        //JAVASCCRIPT 自带函数Number,将空串也换成了0，也是数字,所以为空的不转换
        var Modalprem2 = $.trim($("#Modalprem2").val());//保费
        var a = $.trim($("#agencybaserate").val());//固定
        var b = $.trim($("#agencyextrarate").val());//浮动
        var c = $.trim($("#commissionrate").val());//基础佣金率
        var d = $.trim($("#bizfeerate").val());//机构业务推动费率
        var e = $.trim($("#agencythrrate").val());//总部业务推动费率
        //alert('a: ' + a);
        //alert(isNumberType(a));
        
        if('' == a || '' == b || '' == c || '' == d || '' == e ||  '' == Modalprem2 ){
            return;
        }
        
        var Modalprem2 = realnumber("#Modalprem2");//保费
        var a = realnumber("#agencybaserate");//固定
        var b = realnumber("#agencyextrarate");//浮动
        var c = realnumber("#commissionrate");//基础佣金率
        var d = realnumber("#bizfeerate");//机构业务推动费率
        var e = realnumber("#agencythrrate");//总部业务推动费率
        
        /**
        系统后台自动根据公式生成：协议代理手续费=固定+浮动
        税项=协议代理手续费*5.65%+0.09%
        留存收益率=协议代理手续费-基础佣金率-税项-机构业务推动非-总部业务推动费
        价值保费率=留存收益率*10
        */
        //alert("a: " +a+ ", b: " +b +", c: " + c+", d: " + d +", e: "+ e + ", modelprem: " +Modalprem2);
        //if('' == b){
        //    alert("b确实为空");
        //}

        //if('' != a && '' != b && '' != c && '' != d && '' != e && '' != Modalprem2){
        //if( isDigit(a,this ) && isDigit(b,this ) && isDigit(c,this )
            //    && isDigit(d,this ) && isDigit(e,this ) && isDigit(Modalprem2,this )){    
        
            //alert(typeof(Number("")));
            //if(isNumberType(b)){
            //    alert('b的值：' + b);
            //}
                    
        
            
         if( isNumberType(a) && isNumberType(b) && isNumberType(c) 
                 && isNumberType(d) && isNumberType(e) && isNumberType(Modalprem2)){    
             //alert("调用了计算价保的方法");
            var f = a+b;  //协议代理手续费
                           console.log("f: "+ f );
            var g = (a+b)*0.0565+0.0009;  //税项
                           console.log("g: "+ g );
            var h = f-c-g-d-e;  //留存收益率
                           console.log("h: "+ h );
            var valuepremrate = h*10;  //价值保费率
            
            //alert("外面valuepremrate：" + valuepremrate);
            
            if(valuepremrate >=0 && valuepremrate<=1000 && f >=0 && f<=100 && g >=0 && g<=100 && h >=0 && h<=100 ) {
                //alert("里面valuepremrate: " + valuepremrate);
                valuepremrate = valuepremrate.toFixed(2); 
                $("#valuepremrate").attr("value",valuepremrate);
                var valueprem = (Modalprem2*valuepremrate*0.01).toFixed(2); //价保
                $("#valueprem2").attr("value",valueprem);
                
                $("#agencyfeerate").attr("value",f.toFixed(2));
                $("#taxrate").attr("value",g.toFixed(2));
                $("#saverate").attr("value",h.toFixed(2));
            }else{
                alert("设置值超出规定范围!");
                $("#agencyfeerate").attr("value","");
                $("#taxrate").attr("value","");
                $("#saverate").attr("value","");
                $("#valuepremrate").attr("value","");
                $("#valueprem2").attr("value","");
                
            }
        }
    };
    
    $("#agencybaserate").change(function(){
        var a = $.trim($("#agencybaserate").val());
        if(isNumberType(Number(a))){
            shownumber("#agencybaserate")
            getValueprem2();
        }
    });
    
    $("#agencyextrarate").change(function(){
        var a = $.trim($("#agencyextrarate").val());
        if(isNumberType(Number(a))){
            shownumber("#agencyextrarate");
            getValueprem2();
        }
    });
    
    $("#commissionrate").change(function(){
        var a = $.trim($("#commissionrate").val());
        if( !isNumberType(Number(a)) || a > 100){
            alert('佣金率应该是0~100之间!');
        }else{
            shownumber("#commissionrate");
            getValueprem2();
        }
    });
    
    $("#bizfeerate").change(function(){
        var a = $.trim($("#bizfeerate").val());
        if(isNumberType(Number(a))){
            shownumber("#bizfeerate");
            getValueprem2();
        }
    });
    
    $("#agencythrrate").change(function(){
        var a = $.trim($("#agencythrrate").val());
        if(isNumberType(Number(a))){
            shownumber("#agencythrrate");
            getValueprem2();
        }
    });
    
    $("#fybrate").change(function(){
        var Modalprem2 =realnumber("#Modalprem2");
        var fybrate = realnumber("#fybrate");
        if( !isNumberType(Number(fybrate)) || fybrate > 100){
            alert('FYB率应该是0~100之间!');
        }else{
            if('' != $("#fybrate").val()){
                shownumber("#fybrate");
                if(isNumberType(Modalprem2) && '' != Modalprem2) {
                   $("#valuefyb2").attr("value",(Modalprem2*fybrate*0.01).toFixed(2));
                }
            }
        }
    });
    
    $("#fybrate").blur(function(){
        var Modalprem2 =realnumber("#Modalprem2");
        var fybrate = realnumber("#fybrate");
        if( !isNumberType(Number(fybrate)) || fybrate > 100){
            alert('FYB率应该是0~100之间!');
        }else{
            if('' != $("#fybrate").val()){
                shownumber("#fybrate");
                if(isNumberType(Modalprem2) && '' != Modalprem2) {
                   $("#valuefyb2").attr("value",(Modalprem2*fybrate*0.01).toFixed(2));
                }
            }
        }
    });
    
});
    
</script>


        <!-- javascript结束 -->
    </head>


    <c:set var="is_contract" value="false" />
    <c:if
        test="${!empty hidContractId && fn:length(fn:trim(hidContractId)) > 0}">
        <c:set var="is_contract" value="true"></c:set>
    </c:if>
    
    
    <body data-spy="scroll" data-target=".bs-docs-sidebar"  onload="load()">
        <zt:header></zt:header>
    <!-- 总div开始 -->
    <div id="main" class="container" >
    
        <form name="form1" id="form1" method="post" action=""
            onsubmit="return false" class="form-inline">
            <c:if test="${editurl}">
                <input type='hidden' name='editurl' value='1'>
            </c:if>
            <input type="hidden" name="providerid" id="Providerid"
                value="${providerid}" />
            
            <input type="hidden" id="bizacceptid" name="bizacceptid"
                value="${bizacceptid}" />
            <input type="hidden" id="hidAppId" name="hidAppId"
                value="${hidAppId}" />
            <input type="hidden" id="hidInsuredId" name="hidInsuredId"
                value="${hidInsuredId}" />
            <input type="hidden" id="hidAgenId" name="hidAgenId"
                value="${agentid}" />
            <input type="hidden" id="hidChanSyscode" name="hidChanSyscode"
                value="${chansyscode}" />
            <input type="hidden" id="hidContractId" name="hidContractId"
                value="${hidContractId}" />
            <input type="hidden" id="hidPolicyId" name="hidPolicyId"
                value="${hidPolicyId}" />
            <input type="hidden" name="hiddenType" id="hiddenType"
                value="${type}" />
            <input name="channeltype" type="hidden" id="Channeltype"
                value="${channeltype}" size="17" />
            <input name="chnname" TYPE="hidden" readonly="true"
                value="${Chnname}" size="17" />
                
            <input name="applicantid" TYPE="hidden" readonly="true"
                value="${appObj.applicantid}" size="17" />
            <input name="coverageid" TYPE="hidden" readonly="true"
                value="${cove.coverageid}" size="17" />
            <input name="policyid" TYPE="hidden" readonly="true"
                value="${polObj.policyid}" size="17" />
            
            <input name="policyvehicleid" TYPE="hidden" readonly="true"
                value="${vhlObj.policyvehicleid}" size="17" />

            <c:if test="${!empty editproduceurl}">
                <input name="url" id="url" TYPE="hidden" readonly="true" value="2"
                    size="17" />
            </c:if>

            <div id="noId" style="display: none">
                ${premiummode}
            </div>
            <!-- 上面的表单 -->

            <div class="span9" style="height:250px;">
                    <h6>基本信息 </h6>
                <div class="">
                    <table class="">
                        <tr >
                            <td></td>
                            <td></td>
                            <td><span style="color: red;">*保单类型:</span></td>
                            <td>${planattrtype}</td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td align="right">
                                供应商：
                            </td>
                            <td>
                                <input type="text" id="Providername" name="providername"
                                    readonly value="${proObj.providerabbr}"  class="span2"/>
                            </td>
                            <td align="right">
                                营销员：
                            </td>
                            <td>
                                <input name="agentname" id="Agentname" readonly type="text"
                                    value="${agentname}" class="span2">
                            </td>
                            <td align="right">
                                录入日期：
                            </td>
                            <td>
                                <input id="Applydate" name="applydate" type="text" readonly
                                    value="${applydate}" class="span2">
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                投保单号码：
                            </td>
                            <td>
                                <input id="Applicationno" name="applicationno" type="text"
                                    <c:if test="${!is_contract}">
                                         readonly
                                    </c:if>
                                    value="${applicationno}" class="span2">
                            </td>
                            <td align="right">
                                保单号码：
                            </td>
                            <td>
                                <input id="contractno" name="contractno" type="text"
                                    <c:if test="${!is_contract}">
                                    readonly
                                </c:if>
                                    value="${contractno}" class="span2">
                            </td>
                            <td align="right">
                                <span style="color: red">*</span>缴费方式：
                            </td>
                            <td>
                                ${initialchargemode}
                            </td>

                        </tr>
                        <tr>
                            <td align="right">
                                <span style="color: red">*</span>出单日期：
                            </td>
                            <td>
                                <input name="approvedate" id="Approvedate" type="text"
                                    value="${approvedate}" size="17"
                                    onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="span2">
                            </td>
                            <td align="right">
                                缴费日期：
                            </td>
                            <td>
                            
                                <input name="paidupdate" id="Paidupdate" type="text"
                                    value="${paidupdate}" size="17"
                                    onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="span2">
                            </td>

                            <td align="right">
                                <span style="color: red">*</span>生效日期：
                            </td>
                            <td>
                                <input name="effectivedate" id="Effectivedate" type="text"
                                    value="${effectivedate}" size="17"
                                    onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="span2">
                            </td>
                        </tr>

                        <tr>

                            <td align="right">
                                投保人数：
                            </td>
                            <td>
                                <input name="personnum" id="Personnum" type="text"
                                    value="${Personnum}" size="17" class="span2">
                            </td>
                            <td colspan="6" align="right">
                                <c:if test="${type != 'view'}">
                                    <input name="finishbtn" id="finishbtn" type="button" value="保存"
                                        onClick="doSubmit()" class="btn btn-primary" />
                                </c:if>
                            </td>


                        </tr>
                    </table>
                </div>


            </div>
         <div class="span9">
            <!-- 下面的表单 -->
            <div id="tabs" class="tabbable" style="height:250px;">
                <ul class="nav nav-tabs">
                    <li>
                        <a id="tab_1" href="#tabs-1" data-toggle="tab">投保人信息</a>
                    </li>
                    <li>
                        <a id="tab_3" href="#tabs-3" data-toggle="tab">险种信息</a>
                    </li>
                </ul>

                <div class="tab-content" >

                    <div id="tabs-1" class="tab-pane active">

                        <div id="applicantinfo" style="display:none">
                             <h6>投保人信息</h6>
                            <div class="span9">
                            
                                <table class="table table-bordered">
                                    <tr>
                                        <td align="right" width="30%">
                                            <span> </span>证件类型：
                                        </td>
                                        <td align="left">
                                            ${Idtype}
                                        </td>
                                        <td align="right" width="30%">
                                            证件号码：
                                        </td>
                                        <td align="left">
                                            <input id="Idno" name="idno" type="text" MAXLENGTH="32"
                                                size="19" value="${appObj.idno}"  class="span2"/>
                                        </td>
                                        <td align="right" width="30%">
                                            邮政编码：
                                        </td>
                                        <td align="left">
                                            <input id="Zipcode" name="zipcode" type="text" MAXLENGTH="32"
                                                size="17" value="${appObj.zipcode}"  class="span2"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            <span> </span>投保人姓名：
                                        </td>
                                        <td align="left">
                                            <input name="customername" ID="Customername" type="text"
                                                MAXLENGTH="32" size="17" value="${appObj.customername}"  class="span2"/>
                                        </td>
                                        <td align="right">
                                            <span> </span>性别：
                                        </td>
                                        <td align="left">
                                            ${Gender}
                                        </td>
                                        <td align="right">
                                            <span> </span>出生日期：
                                        </td>
                                        <td align="left">
                                            <input id="Birthday" name="birthday" type="text" size="17"
                                                value="${appObj.birthday}"  class="span2"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            联系电话：
                                        </td>
                                        <td align="left">
                                            <input id="Contactphone" name="contactphone" type="text"
                                                MAXLENGTH="64" size="17" value="${appObj.contactphone}"  class="span2"/>
                                        </td>
                                        <td align="right">
                                            <span> </span>手机号码：
                                        </td>
                                        <td align="left">
                                            <input id="Contactmobile" name="contactmobile" type="text"
                                                MAXLENGTH="32" size="17" value="${appObj.contactmobile}"  class="span2"/>
                                        </td>
                                        <td align="right">
                                            电子邮件：
                                        </td>
                                        <td align="left">
                                            <input id="Contactemail" name="contactemail" type="text"
                                                MAXLENGTH="64" size="17" VALUE="${appObj.contactemail}"  class="span2"/>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td align="right">
                                            联系地址：
                                        </td>
                                        <td align="left">
                                            <input id="Contactaddr" name="contactaddr" type="text"
                                                MAXLENGTH="128" value="${appObj.contactaddr}"  class="span2"/>
                                        </td>
                                        <td align="right">
                                            银行名称：
                                        </td>
                                        <td align="left">
                                            <input id="Bankno" name="bankno" type="text"
                                                value="${appObj.bankno}" class="span2"></input>
                                        </td>
                                        <td align="right">
                                            银行账号：
                                        </td>
                                        <td align="left">
                                            <input id="Bankaccountno" name="bankaccountno" type="text"
                                                MAXLENGTH="64" size="20" value="${appObj.bankaccountno}"  class="span2"/>
                                        </td>

                                    </tr>
                                </table>
                            </div>

                        </div>

                        <div id="insurerinfo" class="" style="display:none">
                            <h6>被保人信息</h6>
                            <div class="span9">
                            
                                  
                                <table class="table table-bordered">
                                    <tr>
                                        <td align="right" width="30%">
                                            <span>与投保人的关系：</span>
                                        </td>
                                        <td align="left">
                                            ${Insuredrelationtype}
                                        </td>
                                        <td align="right" width="30%">
                                            证件类型：
                                        </td>
                                        <td align="left">
                                            ${Insuredidtype}
                                        </td>
                                        <td align="right" width="30%">
                                            <span> </span>证件号码：
                                        </td>
                                        <td align="left">
                                            <input id="Insuredidno" name="insuredidno" type="text"
                                                MAXLENGTH="32" size="19" value="${polObj.insuredidno}" class="span2">
                                        </td>
                                    </tr>

                                    <tr>
                                        <td align="right">
                                            <span> </span>被保人姓名：
                                        </td>
                                        <td align="left">
                                            <input name="insuredname" ID="Insuredname" type="text"
                                                MAXLENGTH="32" size="17" value="${polObj.insuredname}" class="span2">
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td>
                                            &nbsp;
                                        </td>
                                    </tr>

                                </table>
                            </div>

                        </div>


                        <div id="vehicleinfo" class="" style="display:none">
                            <h6>车险信息 </h6>

                            <div class="span9">
                                <table class="table table-bordered">
                                    <tr>
                                        <td align="right" width="30%">
                                            车辆种类：
                                        </td>
                                        <td align="left">
                                            ${Vehicletype}
                                        </td>
                                        <td align="right" width="30%">
                                            车辆型号：
                                        </td>
                                        <td align="left">
                                            <input type="text" size="17" name="vehiclemodel"
                                                id="Vehiclemodel" value="${vhlObj.vehiclemodel}"
                                                　maxlength="128"  class="span2"/>
                                        </td>
                                        <td align="right" width="30%">
                                            车牌号码：
                                        </td>
                                        <td align="left">
                                            <input type="text" size="17" name="vehiclelicenceno"
                                                id="Vehiclelicenceno" value="${vhlObj.vehiclelicenceno}"
                                                　maxlength="64"  class="span2"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            使用性质：
                                        </td>
                                        <td align="left">
                                            ${Usagetype}
                                        </td>
                                        <td align="right">
                                            车架编号：
                                        </td>
                                        <td align="left">
                                            <input type="text" name="frameno" size="17" id="Frameno"
                                                value="${vhlObj.frameno}" 　maxlength="64"  class="span2"/>
                                        </td>
                                        <td align="right">
                                            车身颜色：
                                        </td>
                                        <td align="left">
                                            <input type="text" name="vehiclecolor" size="17"
                                                id="Vehiclecolor" value="${vhlObj.vehiclecolor}"
                                                　maxlength="64"  class="span2"/>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td align="right">
                                            购车发票号：
                                        </td>
                                        <td align="left">
                                            <input type="text" name="purchaseinvoiceno" size="17"
                                                id="Purchaseinvoiceno" value="${vhlObj.purchaseinvoiceno}"
                                                　maxlength="64"  class="span2"/>
                                        </td>
                                        <td align="right">
                                            购置日期：
                                        </td>
                                        <td align="left">
                                            <input type="text" name="purchasedate" size="17"
                                                id="Purchasedate" value="${vhlObj.purchasedate }"
                                                　maxlength="128"
                                                onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  class="span2"/>
                                        </td>

                                        <td align="right">
                                            车辆所有者：
                                        </td>
                                        <td align="left">
                                            <input type="text" name="vehicleownername" size="17"
                                                id="Vehicleownername" value="${vhlObj.vehicleownername}"
                                                　maxlength="128"  class="span2"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            发动机编号：
                                        </td>
                                        <td align="left">
                                            <input type="text" size="17" name="engineno" id="Engineno"
                                                value="${vhlObj.engineno}" 　maxlength="64"  class="span2"/>
                                        </td>
                                        <td align="right">
                                            制造年月：
                                        </td>
                                        <td align="left">
                                            <input type="text" name="made_date" size="17" id="Made_date"
                                                value="${vhlObj.made_date}" 　onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  class="span2" />
                                        </td>

                                    </tr>
                                </table>
                            </div>

                        </div>

                    </div>


                    <div id="tabs-3" class="tab-pane">
                         
                        <div id="normalcoveinfo" style="display:none">
                               <h6>险种信息</h6> 
                            <div class="RoundDiv_content">
                            
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>
                                                <h5>
                                                     商品名称
                                                </h5>
                                            </th>
                                            <th>
                                                <h5>
                                                    保险金额
                                                </h5>
                                            </th>
                                            <th>
                                                <h5>
                                                    保费
                                                </h5>
                                            </th>
                                            <th>
                                                <h5>
                                                    选项
                                                </h5>
                                            </th>
                                            <th>
                                                <h5>
                                                    价保
                                                </h5>
                                            </th>
                                            <th>
                                                <h5>
                                                    FYB
                                                </h5>
                                            </th>
                                            <c:if test="${type != 'view'}">
                                                <th>
                                                    <h5>
                                                        操作
                                                    </h5>
                                                </th>
                                            </c:if>
                                        </tr>
                                    </thead>

                                    <tbody id="CoverageList"></tbody>


                                    <tr>
                                        <td>
                                            <p style="width: 100%; text-align: center;">
                                                合计
                                            </p>
                                        </td>
                                        <td>
                                            <input type="text" style="width: 100%; text-align: right;"
                                                disabled='true' id="faceamount" name="faceamount"  class="span2"/>
                                        </td>
                                        <td>
                                            <input type="text" style="width: 100%; text-align: right;"
                                                disabled='true' id="modalprem" name="modalprem"  class="span2"/>
                                        </td>
                                        <td>

                                        </td>
                                        <td>
                                            <input type="text" style="width: 100%; text-align: right;"
                                                size="14" disabled='true' id="valuepremsum"
                                                name="valuepremsum"  class="span2"/>
                                        </td>
                                        <td>
                                            <input type="text" style="width: 100%; text-align: right;"
                                                size="14" disabled='true' id="valuefybsum"
                                                name="valuefybsum"  class="span2"/>
                                        </td>
                                        <c:if test="${type != 'view'}">
                                            <td>
                                                &nbsp;
                                            </td>
                                        </c:if>
                                    </tr>
                                </table>

                                <div style="text-align: center">
                                    <input id="add" class="btn btn-success" type="submit"
                                        value="新增险种">
                                </div>

                            </div>
                        </div>
                        
                        <div id="onetoonecoveinfo" class="" style="display:none">
                          <h6>一单一议</h6>
                          <div class="span9">
                                
                                <table class="table table-bordered">
                                         <tr>
                                            <td align="right">
                                             商品名称：
                                            </td>
                                            <td>
                                                <input type="text" size="" id="Productname2" name="Productname2" style="" value="${productname}" class="span2"/>
                                            </td>
                                            
                                            <td align="right">选项：</td>
                                            <td>
                                                 <input id='Premiumperiod2' name="premiumperiod" type='text' style='text-align: right;'value="${pgi.premiumperiod}" class="span2"/>
                                                 <input type="hidden" id="PLANRGROUPITEMID" name="planrgroupitemid" value="${pgi.planrgroupitemid}"  class="span2"/>
                                            </td>
                                            
                                            <td align="right">
                                         保险金额：
                                            </td>
                                            <td>
                                                <input type="text" style="text-align: right;"
                                                    id="Faceamout2" name="Faceamout2" MAXLENGTH="15" value="${cove.faceamount}" class="span2"/>
                                            </td>
                                            
                                        </tr>    
                                        
                                        <tr>
                                          
                                          <td align="right">
                                            保费：
                                            </td>
                                            <td>
                                                <input type="text" style="text-align: right;"
                                                    id="Modalprem2" name="Modalprem2" MAXLENGTH="15" value="${cove.modalprem}" class="span2"/>
                                            </td>
                                            
                                          <td align="right">
                                          固定手续费率：
                                          </td>
                                            <td>
                                                <input type="text" style="text-align: right;"
                                                    id="agencybaserate" name="agencybaserate" MAXLENGTH="15" value="${pgi.agencybaserate}" class="span2"/>
                                            </td>
                                        <td align="right"> 
                                         浮动手续费率：
                                        </td>
                                            <td>
                                                <input type="text" style="text-align: right;"
                                                    id="agencyextrarate" name="agencyextrarate" MAXLENGTH="15" value="${pgi.agencyextrarate}"  class="span2"/>
                                            </td>
                                        </tr>
                                        
                                    <tr>
                                        <td align="right">
                                        基础佣金率：
                                        </td>
                                            <td>
                                                <input type="text" style="text-align: right;"
                                                    id="commissionrate" name="commissionrate" MAXLENGTH="15" value="${pgi.commissionrate}"  class="span2"/>
                                            </td>
                                        <td align="right">
                                        机构业务推动费：
                                        </td>    
                                            <td>
                                                <input type="text" style="text-align: right;"
                                                    id="bizfeerate" name="bizfeerate" MAXLENGTH="15" value="${pgi.bizfeerate}"  class="span2"/>
                                            </td>
                                        <td align="right">
                                        总部业务推动费：
                                        </td>    
                                            <td>
                                                <input type="text" style="text-align: right;"
                                                    id="agencythrrate"  name="agencythrrate" value="${pgi.agencythrrate}"  class="span2"/>
                                            </td>
                                      </tr>    
                                      
                                      <tr>
                                      <td align="right">
                                       FYB率：
                                      </td>
                                      <td>
                                        <input type="text" style="text-align: right;" id="fybrate"  name="fybrate" value="${pgi.fybrate}"  class="span2"/>
                                      </td>
                                            <td align="right">
                                                 价保：
                                            </td>
                                            <td>
                                            <input type="text" style="text-align: right;"
                                                    id="valueprem2" readonly  name="valueprem2"  value="${cove.valueprem}" class="span2"/>
                                                    <!-- 协议代理费率 -->
                                            <input  style="text-align: right;"
                                                    id="agencyfeerate" type="hidden"  name="agencyfeerate" value="${pgi.agencyfeerate}" />
                                                    <!-- 税项-->
                                            <input  style="text-align: right;"
                                                    id="taxrate" type="hidden"  name="taxrate" value="${pgi.taxrate}" />
                                                    <!-- 留存收益率-->
                                            <input  style="text-align: right;"
                                                    id="saverate" type="hidden"  name="saverate" value="${pgi.saverate}" />
                                                    <!-- 价值保费率-->
                                            <input  style="text-align: right;"
                                                    id="valuepremrate" type="hidden"  name="valuepremrate" value="${pgi.valuepremrate}" />
                                            </td>
                                          <td align="right">
                                          FYB：
                                          </td>    
                                            <td>
                                                <input type="text" style="text-align: right;" readonly
                                                    id="valuefyb2" name="valuefyb2"  value="${cove.fyb}" class="span2"/>
                                            </td>
                                    </tr>
                                    
                                </table>

                        </div>
                            
                       </div>
                </div>


                    

                </div>

            </div>
         </div>
        </form>
        
        </div>
    <!-- 总div结束 -->
        
        <div style="visibility: hidden">
                        <table class="">
                            <thead></thead>
                            <tbody id="tb_example">
                                <tr>
                                    <td>
                                        <input type="text" size="40" id="Productname"
                                            name="Productnames" MAXLENGTH="50" style="width: 100%;" class="span2"/>
                                            <input type="hidden" name="productids" value="" id="productids" class="span2"/>
                                    </td>
                                    
                                    <td>
                                        <input type="text" style="width: 100%; text-align: right;"
                                            id="Faceamout" name="Faceamouts" MAXLENGTH="15" class="span2"/>
                                    </td>
                                    <td>
                                        <input type="text" style="width: 100%; text-align: right;"
                                            id="Modalprem" name="Modalprems" MAXLENGTH="15" class="span2"/>
                                    </td>
                                    <td>
                                        <select name="Premiumperiods" id="Premiumperiod"  class='span1'>
                                            <option value=''></option>
                                        </select>

                                    </td>
                                    <td>
                                        <input type="text" style="width: 100%; text-align: right;"
                                            id="valueprem" readonly name="valueprems" class="span2"/>
                                    </td>
                                    <td>
                                        <input type="text" style="width: 100%; text-align: right;"
                                            id="valuefyb" readonly name="valuefybs" class="span2"/>
                                    </td>
                                    <c:if test="${type !='view'}">
                                        <td>
                                            <input type="hidden" id="Coverageid" name="Coverageids" class="span2"/>
                                            <a class="btn btn-warning"> <i
                                                class="icon-trash icon-white"></i> </a>
                                        </td>
                                    </c:if>
                                </tr>
                            </tbody>
                        </table>
        </div>
<zt:footer></zt:footer>
    </body>
</html>

 

获取整个标签html，包括自己:

                      <div id="divId"><a href="aaa"></a></div>
                      $("#divId").html();得到的是<a href="aaa"></a>
                      获取整个<div id="divId"><a href="aaa"></a></div>

                     alert($("<div></div>").append($(this).clone()).html());

 

自动补全控件(兼容IE6)：http://bassistance.de/