動態建立radio、checkbox時須要注意的問題

 

一、給radio、checkbox後面添加文字

二、建立默認選中

三、建立完可選

function create(){
        var board = document.getElementById("layer1_content1");
        var e = createElement("input","cpname");
        e.type = "checkbox";
        e.id = "chid";
        e.value ="123";
        board.appendChild(e);
        //設置選中
        e.setAttribute("checked","checked");
        //添加文字
        board.appendChild(document.createTextNode("測試"));
   }

   function createElement(type, name) {
       var element = null;
       try {
          // First try the IE way; if this fails then use the standard way
          element = document.createElement('<'+type+' name="'+name+'">');
       } catch (e) {
          // Probably failed because we’re not running on IE
       }
       if (!element) {
          element = document.createElement(type);
          element.name = name;
       }
       return element;
    }

function create(){
   		var board = document.getElementById("layer1_content1");
		var e = createElement("input","cpname");
		e.type = "checkbox";
		e.id = "chid";
		e.value ="123"; 
		board.appendChild(e);
		//設置選中
		e.setAttribute("checked","checked");
		//添加文字
		board.appendChild(document.createTextNode("測試"));
   }
   
   function createElement(type, name) {   
	   var element = null;   
	   try {   
		  // First try the IE way; if this fails then use the standard way   
		  element = document.createElement('<'+type+' name="'+name+'">');   
	   } catch (e) {   
		  // Probably failed because we’re not running on IE   
	   }   
	   if (!element) {   
		  element = document.createElement(type);   
		  element.name = name;   
	   }   
	   return element;   
	}

 

注意：一、因爲IE的問題，必須使用以上createElement（）方法建立name屬性，不然在IE中沒法選中，其餘瀏覽器不須要這樣。

         二、在IE瀏覽中，經過document.createElement("input")來生成的radio和checkbox都沒法經過document.getElementsByName()方法來獲取