2016-07-03 4 views
-1

私はこれらのブロックがある場合エルス/場合:Javascriptを - 結果

function generateEmail(){ 
if 
(document.getElementById('emailOpt1').checked = "true") { 
document.getElementById('generatedEmail').innerHTML = emailOpt1.value 
} 
else if 
(document.getElementById('emailOpt2').checked = "true") { 
document.getElementById('generatedEmail').innerHTML = emailOpt2.value 
} 
else if 
(document.getElementById('emailOpt3').checked = "true") { 
document.getElementById('generatedEmail').innerHTML = emailOpt3.value 
} 
else if 
(document.getElementById('emailOpt4').checked = "true") { 
document.getElementById('generatedEmail').innerHTML = emailOpt4.value 
} 
} 

と、これを:

<div class="radioEmailType" id="emailClass"> 
<input type="radio" id="emailOpt1" name=emailType value="email_c1"> 
<label for="emailOpt1">class-one</label> 
<input type="radio" id="emailOpt2" name=emailType value="email_c2"> 
<label for="emailOpt2">class-two</label> 
<input type="radio" id="emailOpt3" name=emailType value="email_c3"> 
<label for="emailOpt3">class-three</label> 
<input type="radio" id="emailOpt4" name=emailType value="email_c4"> 
<label for="emailOpt4">class-four</label> 
</div> 
<button type="button" class="gButton" onclick=generateEmail()">GENERATE EMAIL</button> 
<textarea id=generatedEmail></textarea></td></tr> 

私は「ラジオ」のいずれかを選択した後のメールを生成」ボタンをヒット、コードはtextareaの最初のオプションを取得し続けるので、選択を最初のオプションに戻しているようです。

これを行うには、任意のアイデアと、場合によってはより簡単な方法があります。

注:ユーザーはラジオをボタンにしたいので、私はこのルートに行く必要がありました。

+5

==と比較し、true/falseのようなキーワードを使用してください。 – Li357

+0

条件内のものを比較する場合は、 '=='を使用してください。例。 'else if (document.getElementById( 'emailOpt4')。checked == true){'ブール値は引用符を使用せず、文字列は引用符を使用します。 true、falseこれらはブール値です。 – zer00ne

+0

〜がコード内で大きく変化していて、それが私がチェックしたものの1つでした。条件付きで==を使用すると、テキストエリアに値を出力しないように見えますが、単一の '=' –

答えて

0

私はそれを修正:

変更:

.checked = "true" 

に:

.checked == true 

決勝コード:

<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
    <div class="radioEmailType" id="emailClass"> 
 
    <input type="radio" id="emailOpt1" name=emailType value="email_c1"> 
 
    <label for="emailOpt1">class-one</label> 
 
    <input type="radio" id="emailOpt2" name=emailType value="email_c2"> 
 
    <label for="emailOpt2">class-two</label> 
 
    <input type="radio" id="emailOpt3" name=emailType value="email_c3"> 
 
    <label for="emailOpt3">class-three</label> 
 
    <input type="radio" id="emailOpt4" name=emailType value="email_c4"> 
 
    <label for="emailOpt4">class-four</label> 
 
    </div> 
 
    <button type="button" class="gButton" onclick="generateEmail()">GENERATE EMAIL</button> 
 
    <textarea id=generatedEmail></textarea> 
 
    <script> 
 
     function generateEmail(){ 
 
      if (document.getElementById('emailOpt1').checked == true) { 
 
      document.getElementById('generatedEmail').innerHTML = emailOpt1.value 
 
      } 
 
      else if (document.getElementById('emailOpt2').checked == true) { 
 
      document.getElementById('generatedEmail').innerHTML = emailOpt2.value 
 
      } 
 
      else if (document.getElementById('emailOpt3').checked == true) { 
 
      document.getElementById('generatedEmail').innerHTML = emailOpt3.value 
 
      } 
 
      else if (document.getElementById('emailOpt4').checked == true) { 
 
      document.getElementById('generatedEmail').innerHTML = emailOpt4.value 
 
      } 
 
     } 
 
    </script> 
 
    </body> 
 
</html>