zoukankan      html  css  js  c++  java
  • 页面元素与数据绑定

    function bindData(data,id){
    var listener = {};
    id = id || "";
    $((id != "" ? "#" + id : "") + " input,select,textarea").each(function(i,item){
    if($(item).attr("id") != null || $(item).is("input[type='radio'],input[type='checkbox']")){
    var dataName = $(item).attr("id");
    if($(item).is("input[type='radio'],input[type='checkbox']")){
    dataName = $(item).attr("name");
    }
    data[dataName] = "";
    listener[dataName] = {
    get: function() {
    var value = $(item).val();
    if($(item).is("input[type='radio']")){
    value = $(":radio[name='"+$(item).attr("name")+"']:checked").val();
    }else if($(item).is("input[type='checkbox']")){
    value = [];
    $(":checkbox[name='"+$(item).attr("name")+"']:checked").each(function(i,v){
    value[i] = $(v).val();
    });
    }
    // parent.layer.msg("get:" + dataName + "的值为:" + value);
    return value;
    },
    set: function(value) {
    if($(item).is("input[type='radio']")){
    $(":radio[name='"+$(item).attr("name")+"']").removeAttr("checked");
    $(":radio[name='"+$(item).attr("name")+"'][value='"+value+"']").click();
    }else if($(item).is("input[type='checkbox']")){
    value = (value == 0 || (value.length == 1 && value[0] == 0)) ? [,0] : value;
    $(":checkbox[name='"+$(item).attr("name")+"']").removeAttr("checked");
    $(value).each(function(i,v){
    $(":checkbox[name='"+$(item).attr("name")+"'][value='"+v+"']").click();
    });
    }else{
    $(item).val(value);
    }
    // parent.layer.msg("set:" + dataName + "的值变更为:" + value);
    }
    };
    }
    });
    Object.defineProperties(data, listener);
    }
  • 相关阅读:
    Javascript FP-ramdajs
    微信小程序开发
    SPA for HTML5
    One Liners to Impress Your Friends
    Sass (Syntactically Awesome StyleSheets)
    iOS App Icon Template 5.0
    React Native Life Cycle and Communication
    Meteor framework
    RESTful Mongodb
    Server-sent Events
  • 原文地址:https://www.cnblogs.com/chenlongsheng/p/13830097.html
Copyright © 2011-2022 走看看