我們都知道在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;
}?

轉載于:https://www.cnblogs.com/BeanHsiang/archive/2008/01/08/1030512.html

總結

以上是生活随笔為你收集整理的javascript动态创建radio button元素支持IE/Firefox的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。