zoukankan      html  css  js  c++  java
  • jq form表单渲染单选框内容渲染

    单选框赋值

    单选按钮赋值的主要就在于一个value值和name值对应,但是单选的选中状态按钮是input标签的check(选中)属性 当newattr的属性是1的时候为true,或者当newattr的值为2的时候为true 但是后端返回的newattr只会有一个值 所以2行代码就只会生效其中之一

    $("input[name=sex1][value= '1']").attr("checked", newattr === 1);
    $("input[name=sex1][value= '2']").attr("checked", newattr === 2);
    

    input内容渲染

    input表单渲染就一个需要注意的地方那就是input的那么值命名最好和后端返回的字段对应,解释所有可以直接渲染的input表单的内容就可以直接渲染到页面上去

    // result为ajax请求获得的数据
    for (var item in result) {
                    // console.log(item);
                    $('input[name="' + item + '"]').val(result[item]);
                    // $('input[name="sex"]').val(result.sex);
                    $('textarea[name="' + item + '"]').val(result[item]);
                    let directionVal = result.sex === 1?'男':'女';
                    let newattr = result.sex;
                    $("input[name=sex1][value= '1']").attr("checked", newattr === 1);
                    $("input[name=sex1][value= '2']").attr("checked", newattr === 2);
    
                    // $('input[name="sex"]').val(directionVal)
                  }
    
    
  • 相关阅读:
    “正则表达式”实践日志
    一种存储数据的方法
    计划
    位运算
    ACM
    ACM-括号匹配问题
    [转]昆明长水机场安防系统应用案例分析
    Request.ServerVariables详细说明
    大数据平台的秘密
    【转】MongoDB资料汇总专题
  • 原文地址:https://www.cnblogs.com/wangjiahui/p/12075967.html
Copyright © 2011-2022 走看看