Javascript 创建动态复选框和按钮

方法

来电者

   function CreateButton(tag, isVisible, text, event) {
        var elem;
        elem = $(document.createElement('input'));
        elem.type = tag;
        elem.prop('value', text);
        elem.css('display', isVisible == 'true' ? '' : 'none');
        elem.click(event);
        return elem;
    }

function CheckBox(tagName, isEditable)
{
 elem = $(document.createElement('input'));
            elem.type = tagName;
            elem.attr('checked', text ? 'checked' : '');
}

该方法应该是创建按钮，但它是创建文本框

另一种方法是

 function DrawButtons(mode) {
        var text = mode == 'true' ? 'Cancel' : 'Close';
        $('#fdEitDetail').append(CreateButton('button', mode, 'Save & Close', save));
        $('#fdEitDetail').append(CreateButton('button', mode, 'Save & mark Completed', mark));
        $('#fdEitDetail').append(CreateButton('button', mode, text, close));
}

来电者

   function CreateButton(tag, isVisible, text, event) {
        var elem;
        elem = $(document.createElement('input'));
        elem.type = tag;
        elem.prop('value', text);
        elem.css('display', isVisible == 'true' ? '' : 'none');
        elem.click(event);
        return elem;
    }

function CheckBox(tagName, isEditable)
{
 elem = $(document.createElement('input'));
            elem.type = tagName;
            elem.attr('checked', text ? 'checked' : '');
}

---

它正在创建文本框。有什么帮助吗？

我看到您想要创建jQuery对象（$（文档…）？

$（document.createElement（'input'））==>生成jQuery对象

。 要创建jQuery对象，只需使用$（“”） 例如：

$（“”）.attr（“id”、“div源”）
.addClass（“突出显示”）
.css（“颜色”、“蓝色”）
.on（“单击”，函数（）{}
);

在您的情况下，您可以使用

$(“<div>”).attr(“id”,”div-source”)
.addClass(‘highlight’)
.css(“color”,”blue”)
.on(“click”,function(){}
);

$（“”）.attr（“类型”，标记名）.attr（'checked'，text？'checked'：''）；

---

希望它能帮助您

在使用上述代码后，它创建了复选框，但它始终处于选中状态，尽管文本的值为false。函数复选框（标记名，文本）{var elem=$（“”）。attr（“type”，tagName）。attr（'checked'，text？'checked'：“”）；返回elem；}；您可以这样使用并调用CheckBox（'datetime'，'checked'）；检查这个fiddle@tilda，它正在工作，但它是纯老式javascript，我也在跟随这个链接以提高性能。我们不能用jquery做一些事情，而不是用fiddle方法吗？尽管它工作得很好。你用js发布了你的代码，所以我想这就是你想要的。尝试将其转换为jquery，将其放在fiddle中，并请将其发布到此处以查看问题所在。@tilda类似于错误的代码中没有问题，只是在复选框和按钮的位置，我的代码只创建了输入类型文本