JS表单设置值

最新推荐文章于 2024-06-20 08:52:46 发布

转载最新推荐文章于 2024-06-20 08:52:46 发布 · 377 阅读

本文介绍了一种使用jQuery简化表单元素值批量设置的方法。通过一个自定义函数实现对表单中各种类型输入元素（如单选框、复选框、文本框等）的值进行快速设置，减少了大量重复的DOM操作，提高了开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 //表单设置值
    $.fn.setForm = function(jsonValue) {
        var obj = this;
        $.each(jsonValue, function (name, ival) {
            var $oinput = obj.find("[name=" + name + "]");
            if ($oinput.attr("type") == "radio" || $oinput.attr("type") == "checkbox") {
                $oinput.each(function() {
                    if (Object.prototype.toString.apply(ival) == '[object Array]') { //是复选框，并且是数组  
                        for (var i = 0; i < ival.length; i++) {
                            if ($(this).val() == ival[i]) //或者文本相等
                                $(this).prop("checked", true);
                        }
                    } else {
                        if ($(this).val() == ival)
                            $(this).prop("checked", true);
                    }
                });
            } else if ($oinput.attr("type") == "textarea") { //多行文本框  
                obj.find("[name=" + name + "]").html(ival);
            } else {
                obj.find("[name=" + name + "]").val(ival);
            }
        });
    }
$("form").setForm(row);

//只要form表单里设置的name和数据name一样则数据就可以赋值上去了，减少了大量的DOM操作