ポップアップウィンドウのラジオボタンを使用したコンテンツの動的な変更

ラジオボタンが2つあります。 1番は電子メール、2番はSMSですので、メールをクリックすると電子メールの入力ボックスが表示され、同じものがSMSになります。ポップアップウィンドウのラジオボタンを使用したコンテンツの動的な変更

何か助けていただければ幸いです。

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

を参照するか、this

を参照してください window.prompt()使用することができます

出典

2011-12-26 07:04:30

ポップアップウィンドウのラジオボタンを使用したコンテンツの動的な変更

答えて

関連する問題