创建动态复选框和按钮

时间:2014-01-22 09:49:29

标签: javascript jquery

方法

   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 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 CheckBox(tagName, isEditable)
{
 elem = $(document.createElement('input'));
            elem.type = tagName;
            elem.attr('checked', text ? 'checked' : '');
}

呼叫者

$('#dvCheck').append(CheckBox('checkbox', mode));

它正在创建文本框。任何帮助?

1 个答案:

答案 0 :(得分:0)

我看到你要创建jQuery Object($(document .....))? $(document.createElement('input')) ==> Make jQuery Object。 要创建jQuery对象,您只需使用$(“”) 例如:

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

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

$("<input>").attr("type",tagName).attr('checked', text ? 'checked' : '');

Hopt可以帮助你