js选择器-白红宇

Demo1:

要求：前台页面一个form表单进行各项评分，要选择所有打分的 input 并计算总分；

解决方案：给所有打分input一个公共class,遍历循环并相加，用总分减去结果并赋值；

　　js代码：

function Calcul(){     var allScore=0;    $(".score").each(function(){        var value= parseInt($(this).val());        if(isNaN(value)){        }else{            allScore += parseInt($(this).val());        }        })    $('#hsfen').val(100-allScore);    $('#sumScore').val(100-allScore);    $('#totalcount').val(100-allScore);};

Demo2:

要求：前台表单里有复选和子单选，要求复选一旦被选中，默认选择子单选的第三个节点（按钮联动）；

　　　传到后台的值格式为复选值_单选值；

　　前台页面取到值要解析并选中；

前台页面代码


     
                                 辖区                 发送信息            
                           全市                 一级        二级以上         三级以上            
                           思明区                 一级        二级以上         三级以上            
                           海沧区                 一级        二级以上         三级以上

辖区	发送信息
全市	一级二级以上三级以上
思明区	一级二级以上三级以上
海沧区	一级二级以上三级以上

　　2.按钮联动

//按钮联动$('.city').click(function(e){    if($(this).prop("checked")==true){        $(this).parent().next().children().prop("disabled",false);        $(this).parent().next().children().eq(2).prop("checked",true);        }else{        $(this).parent().next().children().prop("checked",false);        $(this).parent().next().children().prop("disabled",true);    } });

　　3.js代码(拼接字符串)

var str=""; $(".city:checked").each(function(){     if(str==""){        str+=$(this).val()+"_"+$(this).parent().next().children('[type="radio"]:checked').val();    }else{        str+=","+$(this).val()+"_"+$(this).parent().next().children('[type="radio"]:checked').val();    } });

　　4.js代码(拿到字符串全市_1,思明区_2 分割匹配选中)

//区域var regionMap = data[0].regionMap;//alert(regionMap);var strs = new Array();if( regionMap.length > 0 ){    strs = regionMap.toString().split(",");    console.log(strs);    if(strs.length>0){        $.each(strs,function(i,record){            var names= record.split('_');            var cityName= names[0];            var jibie=names[1];            //console.log(cityName+"---"+jibie);            var cityCheckbox=$("#table_map input[value='"+cityName+"']").prop("checked",true);            cityCheckbox.parent().next().children("#table_map input[value='"+jibie+"']").prop("checked",true);            cityCheckbox.parent().next().children().prop("disabled",false);        })    }}