radio group - Javascript - If/Else If result

radio group - Javascript - If/Else If result

本文关键字：If result Else Javascript group radio      更新时间：2023-09-26

我有这些块:

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上的第一个选项。

如果有任何想法和可能更简单的方法，我将不胜感激。

注意:我必须走这条路，因为用户希望无线电是按钮

我修复了:

改变:

.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>

相关文章：