javascript動態建立radio button元素支援IE/Firefox

來源:互聯網
上載者:User
    我們都知道在IE中建立表單元素可以有三種方式var oInput = document.createElement("input");
var oInput = document.createElement("<input />");
var oInput = document.createElement("<input name='' />");

    在Firefox裡面僅支援var oInput = document.createElement("input");

    想要相容IE/Firefox動態建立radio button元素可以這樣寫:

function createRadio(name,id,value,isChecked)
{
    var oRadio = null;
    if(isIE)
    {
        oRadio = document.createElement("<input name='" + name + (isChecked ? "' checked='"+ isChecked +"'/>" : "' />"));
        oRadio.id = id;
        oRadio.type = "radio";
        oRadio.value = value;
    }
    else
    {
        oRadio = document.createElement("input");
        oRadio.setAttribute("type","radio");
        oRadio.setAttribute("id",id);
        oRadio.setAttribute("name",name);
        oRadio.setAttribute("value",value);
        if(isChecked)
        {
            oRadio.setAttribute("checked",isChecked);
        }        
    }
    return oRadio;
}

    延伸一下,動態建立input任意元素程式碼片段如下即可:function createElement(tagName,name,type,value)
{
    var element = null;
    try 
    {
        element = document.createElement('<'+tagName+' name="'+name+'" />');
        element.type = type;
        element.value = value;
    }
    catch (e)
    {
    }
    if (!element)
    {
        element = document.createElement(tagName);
        element.setAttribute("type",type);
        element.setAttribute("name",name);
        element.setAttribute("value",value);
   }
   return element;

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.