Jquery 渲染表单

最新推荐文章于 2023-08-31 10:07:14 发布

Leungs

最新推荐文章于 2023-08-31 10:07:14 发布

阅读量2.4k

点赞数

本文链接：https://blog.csdn.net/liangshui772/article/details/17740625

版权

<script>
        var data = { "txt": "leungs", "ckb": "2", "rdo": "2", "sel": "3", "area": "sentens","title":"render form demo..." };
        $(function () {
            $("[col]").each(function () {
                var col = $(this).attr("col");
                var type = $(this).attr("type");
                if (type) {
                    switch (type) {
                        case "checkbox":
                            var ckb_checked = $(this).attr("value") == data[col] ? true : false;
                            $(this).attr("checked", ckb_checked);
                            break;
                        case "radio":
                            var rdo_checked = $(this).attr("value") == data[col] ? true : false;
                            $(this).attr("checked", rdo_checked);
                            break;
                        default:
                            $(this).val(data[col]);
                            break;
                    }
                } else {
                    $(this).html(data[col]);
                }

            });
        });
    </script>

<body>
    <form id="form1" runat="server">
    <div>
        <h1 col="title"></h1>
        <input type="text" col="txt" /><br />
        <input type="checkbox" col="ckb"  value="1" /> <input type="checkbox"  value="2" col="ckb" /> <input type="checkbox" value="3" col="ckb" /><br />
        <input type="radio" col="rdo" value="1" name="rdo_sex" /> <input type="radio" value="2" col="rdo" name="rdo_sex" /><br />
        <select col="sel">
            <option value="1">A</option><option value="2">B</option><option value="3">C</option>
        </select><br />
        <textarea col="area">
            
        </textarea><br />
    </div>
    </form>
</body>

Leungs

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery 渲染表单

var data = { "txt": "leungs", "ckb": "2", "rdo": "2", "sel": "3", "area": "sentens","title":"render form demo..." }; $(function () { $("[col]").each(function () { v
复制链接

扫一扫