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;
    }
     
  • 相关阅读:
    poj 3624 (背包入门)
    poj 2175(最消费用最大流消圈法判断是否为最小费用)
    poj 2195 (最小费用最大流)
    poj 3659 (树上的最小支配集)
    Codeforces Beta Round #76 (Div. 1 Only)
    poj 2516(最小费用最大流)
    2013 腾讯马拉松初赛 第0场
    批量重命名,把文件名中的(1)去掉。
    ms sql server 添加列,删除列。
    winform 获取当前程序所在目录。
  • 原文地址:https://www.cnblogs.com/BeanHsiang/p/1030512.html
Copyright © 2011-2022 走看看