通過選擇複選框

Question

function msg() 
 
{ 
 
    if (document.getElementById('c1').checked); 
 
    alert("suggest an update"); 
 
    }

<input class="form-control" type="checkbox" id="c1" onclick="msg()" name="like"/>

創建彈出的形式動態

Answer 1

你可以用不同的方式形式彈出，其中之一是使用jQuery

這裏是一個example，做你想做的事。

Answer 2

下面將生成與一個文本輸入元件的形式，很容易擴展，要包括許多其它元件。不能給任何jQuery的例子因爲我不使用它。

<script type='text/javascript' charset='utf-8'> 
     function msg(e) { 
      var id='bob'; 
      var el=e.target || e.srcElement; 
      if(el.checked){ 

       var cont=document.getElementsByTagName('body')[0];     
       var form=addNode('form',{id:id},cont); 
        form.style.width='500px'; 
        form.style.height='500px'; 
        form.style.zIndex=10; 
        form.style.border='1px solid black'; 
       addNode('input',{type:'text',name:'fred'},form); 
      }else{ 
       if(document.getElementById(id)) document.getElementById(id).parentNode.removeChild(document.getElementById(id)); 
      } 
     } 
     function addNode(t, a, p) { 
      var el = (typeof(t)=='undefined' || t==null) ? document.createElement('div') : document.createElement(t); 
      for(var x in a) if(a.hasOwnProperty(x) && x!=='innerHTML') el.setAttribute(x, a[ x ]); 
      if(a.hasOwnProperty('innerHTML')) el.innerHTML=a.innerHTML; 
      if(p!=null) typeof(p)=='object' ? p.appendChild(el) : document.getElementById(p).appendChild(el); 
      return el; 
     } 
/* 
The addNode function: 
First argument is the type of element you wish to add. 
Second argument is an object literal containing properties for the element you wish to set. 
Third argument is the parent node to which you wish to append the new element/node. 
*/ 
    </script> 


html 
---- 
<input class="form-control" type="checkbox" id="c1" onclick="msg(event)" name="like"/> 

Answer 3

如果您使用Angularjs，我強烈建議ngDialog。這是我最喜歡的彈出窗口。 你剛纔創建的HTML文件將包含彈出的內容和創建對話框的一個實例一旦複選框已被選中你正在嘗試（你可以觀看使用ngChange價值變動）