javascript动态创建radio button元素支持IE/Firefox

我们都知道在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相关推荐

php动态增加div,JavaScript动态创建div等元素实例
js动态创建div等元素实例 var Test={ createDiv:function(){ var div = document.createElement('div'); div.id=&quo ...
QT通过JavaScript动态创建QML对象
QT通过JavaScript动态创建QML对象通过JavaScript动态创建QML对象动态创建对象动态创建组件从QML字符串创建对象维护动态创建的对象动态删除对象通过JavaScrip ...
js动态创建div等元素实例
为了节省时间,就直接贴代码了!希望大家多多的关注我! <html><head><title>js动态创建div等元素实例</title><styl ...
Javascript动态创建SVG圆弧
Javascript动态创建SVG圆弧 0. 起源需要做一个展示统计数据(百分比)的小部件,默认情况下该小部件是隐藏的.页面右边放置一个圆形的按钮,当点击按钮时小部件从右边滑出显示. 本着尽可能多的 ...
js给动态创建出来的元素添加事件
场景:因为js都是dom操作,所以如果动态创建一个元素的话,本身是不带自身事件的,因为在创建这个元素前,dom已经创建完成了,所以在动态创建出来的元素身上不包含事件所以我们需要给这些动态创建出来的元 ...
javascript动态创建可拖动、最大化、最小化的层
javascript动态创建可拖动.最大化.最小化的层 2010-02-06 13:19 用Javascript实现div层的拖动是很常见的一种操作,比如弹出提示对话框,快捷登录等等.之前用隐藏层的方 ...
html表单通过js提交表单提交,JavaScript动态创建form表单并提交的实现方法
本文实例讲述了JavaScript动态创建form表单并提交的实现方法.分享给大家供大家参考,具体如下: 页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 ...
javascript动态创建表格：新增、删除行和列
利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧. 1. ...
javascript 动态创建表格：新增、删除行和单元格
2019独角兽企业重金招聘Python工程师标准>>> 利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多 ...

javascript动态创建radio button元素支持IE/Firefox

javascript动态创建radio button元素支持IE/Firefox相关推荐

最新文章

热门文章