zoukankan      html  css  js  c++  java
  • 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;
    }
     
  • 相关阅读:
    《生命摆渡人》 读书笔记 读后感
    《饮食术》 读书笔记 读后感
    《天生有罪》读后感 读书笔记
    《内在动机》 读后感 读书笔记
    《从疾病到人心》读后感 读书笔记
    Python 入门书籍文档推荐及学习笔记总结
    JavaScript 入门书籍推荐及学习笔记总结 -- 《JavaScript权威指南》
    JavaScript中window.onload事件与document.ready事件的区别
    CentOS 7 中安装 MySQL 8 以及 MySQL 常用操作
    Python 杂记:argparse 模块
  • 原文地址:https://www.cnblogs.com/BeanHsiang/p/1030512.html
Copyright © 2011-2022 走看看