在彈出窗口中使用單選按鈕動態更改內容

我有2個單選按鈕。第一名作爲電子郵件，第二名作爲短信，所以當我點擊電子郵件時，它必須顯示電子郵件輸入框，同樣的事情適用於短信。在彈出窗口中使用單選按鈕動態更改內容

任何幫助表示讚賞。

2011-12-26 Shantikumar

這裏是一個解決方案

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <title></title> 
    <style type="text/css"> 
     .hidden { 
      display: none; 
     } 
    </style> 
    <script type="text/javascript"> 
     function showFields(id) { 
      var emailFields = document.getElementById("emailFields"); 
      var smsFields = document.getElementById("smsFields"); 
      if (id == "email") { 
       emailFields.style.display = "block"; 
       smsFields.style.display = "none"; 
      } else { 
       smsFields.style.display = "block"; 
       emailFields.style.display = "none"; 
      } 
     } 
    </script> 
</head> 
<body> 
<form action="#"> 
    <label> 
     email 
     <input name="selector" type="radio" id="email" onclick="showFields('email')"> 
    </label> 
    <label> 
     sms 
     <input name="selector" type="radio" id="sms" onclick="showFields('sms')"> 
    </label> 
    <fieldset class="hidden" id="emailFields"> 
     <legend>Email fields</legend> 
     <input type="text" id="emailInput"> 
    </fieldset> 
    <fieldset class="hidden" id="smsFields"> 
     <legend>SMS fields</legend> 
     <input type="text" id="smsInput"> 
    </fieldset> 
</form> 
</body> 
</html>

來源

2011-12-26 06:58:30

您可以使用JavaScript提示這裏。

像

var varname=prompt("content ","default val");

參考this

，或者您可以使用window.prompt()參考this

來源

2011-12-26 07:04:30

在彈出窗口中使用單選按鈕動態更改內容

回答

相關問題