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;
    }
     
  • 相关阅读:
    Linux中常用的关机和重新启动命令
    Ubuntu 7.10 J2EE开发环境lomboz+eclipse3.2.1+tomcat5.5.25+mysql5.
    Linux+Apache+JSP+PHP+MySQL
    SMSLib的配置
    Python正则表达式操作指南
    Ubuntu学习笔记:通过ssh远程登录服务器
    C语言文件读写:语言初学者入门讲座 第十六讲 文件
    linuxfopenfclosefreadfwrite等函数
    linux 下 scp 的用法
    wget3
  • 原文地址:https://www.cnblogs.com/BeanHsiang/p/1030512.html
Copyright © 2011-2022 走看看