首页 > 其他 > 详细

jq form表单渲染单选框内容渲染

时间:2019-12-21 11:38:48      阅读:98      评论:0      收藏:0      [点我收藏+]

单选框赋值

单选按钮赋值的主要就在于一个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)
              }

jq form表单渲染单选框内容渲染

原文:https://www.cnblogs.com/wangjiahui/p/12075967.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!