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);
    }
  • 相关阅读:
    搭建 mariadb 数据库主从同步
    MySQL--MVCC
    剑指 Offer 07. 重建二叉树
    剑指 Offer 06. 从尾到头打印链表
    MySQL--数据库范式
    剑指 Offer 05. 替换空格
    剑指 Offer 04. 二维数组中的查找
    剑指offer_03_数组中重复的数字(Java)
    Redis
    MySQL--SQL执行过程
  • 原文地址:https://www.cnblogs.com/chenlongsheng/p/13830097.html
Copyright © 2011-2022 走看看