Fatal编程技术网
  • javascript/
  • Javascript 如何在文本框中以if-else语句作为输出显示单选按钮输入

Javascript 如何在文本框中以if-else语句作为输出显示单选按钮输入

javascript html

Javascript 如何在文本框中以if-else语句作为输出显示单选按钮输入,javascript,html,Javascript,Html,我需要帮助我的HTML项目再次。我在页面上有单选按钮，我想根据选择的单选按钮在文本框中显示输出。例如，如果我选择“是”，则输出应为“皮卡服务的处理项目”，如果我选择“否”，则输出应为“皮卡服务不适用”。目前，我拥有的代码同时显示Yes和No两个值。如果我还需要其他代码来解决这个问题呢？提前谢谢 <!DOCTYPE html> <html> <body> <script> function showInput(

我需要帮助我的HTML项目再次。我在页面上有单选按钮，我想根据选择的单选按钮在文本框中显示输出。例如，如果我选择“是”，则输出应为“皮卡服务的处理项目”，如果我选择“否”，则输出应为“皮卡服务不适用”。目前，我拥有的代码同时显示Yes和No两个值。如果我还需要其他代码来解决这个问题呢？提前谢谢

    <!DOCTYPE html>
    <html>
    <body>
    <script>
    function showInput(){
    var ui1 = document.getElementById('pickup').value;
    var ui2 = document.getElementById('xpickup').value;
    document.getElementById('display').innerHTML = ui1 + '\n' + ui2 + '\n';
    }
    </script>  

    <form action="">
    <p> For Pick-up Service? </p>
    <input type="radio" id="pickup" name="pickup" value="Yes"> Yes<br>
    <input type="radio" id="xpickup" name="pickup" value="No"> No<br>
    </form>
    <br>
    <button type="submit" onclick="showInput();">Generate</button><br/>
    <p><textarea name="generated notes" cols="75" rows="20" id='display' >
    </textarea></p>

    </body>
    </html>


函数showInput（）{
var ui1=document.getElementById（'pickup'）。值；
var ui2=document.getElementById（'xpickup'）.value；
document.getElementById（'display'）。innerHTML=ui1+'\n'+ui2+'\n'；
}
接送服务

是

否



生成
试试：

var pickupradios=document.getElementsByName（'pickup'）；
var-pickupval；
对于（变量i=0；i
试试：

var pickupradios=document.getElementsByName（'pickup'）；
var-pickupval；
对于（变量i=0；i
函数showInput（）{
var result=document.querySelector（“输入[name='pickup']”）。值；
如果（结果==“是”）{
document.getElementById（'display'）.value=“取件服务的处理项目”；
}
如果为else（结果=='No'）{
document.getElementById（'display'）.value=“收货服务不适用”；
}
}

函数showInput（）{
var result=document.querySelector（“输入[name='pickup']”）。值；
如果（结果==“是”）{
document.getElementById（'display'）.value=“取件服务的处理项目”；
}
如果为else（结果=='No'）{
document.getElementById（'display'）.value=“收货服务不适用”；
}
}

处理某些属性。以及用于查找选中值的
queryselectoral（）

函数showInput（）{
var res=document.querySelectorAll（'input:checked'）[0].dataset.print
document.getElementById（'display'）.innerHTML=res；
}

接送服务

是

否



生成
处理某些属性。以及用于查找选中值的
queryselectoral（）

函数showInput（）{
var res=document.querySelectorAll（'input:checked'）[0].dataset.print
document.getElementById（'display'）.innerHTML=res；
}

接送服务

是

否



生成
您可以在下面的代码中尝试，检查单选按钮值并设置innerHTML


函数showInput（）{
var值=document.querySelector（'input[name=“pickup”]：checked'）。值；
如果（值=“是”）
document.getElementById（'display'）.innerHTML=“分拣服务的流程项目”
其他的
document.getElementById（'display'）.innerHTML=“收货服务不适用”
}
接送服务

是

否



生成
您可以尝试以下代码，检查单选按钮值并设置innerHTML


函数showInput（）{
var值=document.querySelector（'input[name=“pickup”]：checked'）。值；
如果（值=“是”）
document.getElementById（'display'）.innerHTML=“分拣服务的流程项目”
其他的
document.getElementById（'display'）.innerHTML=“收货服务不适用”
}
接送服务

是

否



生成
我想这就是你想要的：

function showInput(){
    var outputText;
    if(document.getElementById('pickup').checked) {
        outputText = "Process item for pickup service";
    }else if(document.getElementById('xpickup').checked) {
        outputText = "Pickup service N/A";
    }
    document.getElementById('display').innerHTML = outputText;
}
我想这就是你想要的：

function showInput(){
    var outputText;
    if(document.getElementById('pickup').checked) {
        outputText = "Process item for pickup service";
    }else if(document.getElementById('xpickup').checked) {
        outputText = "Pickup service N/A";
    }
    document.getElementById('display').innerHTML = outputText;
}
您正在提交表单，因此页面将刷新。您需要使用Ajax提交表单，或者使用PHP或处理表单时使用的任何服务器端语言返回消息。您提交表单是为了刷新页面。您需要使用Ajax提交表单，或者使用PHP或处理表单时使用的任何服务器端语言返回消息。如果选择“是”，我是否希望放置更长的内容？如以下示例：-提交服务预订表-通知客户有关电子邮件的信息，其中包含：a）快递收件需要打印的含义b）如何正确包装设备的说明-告知免责声明：NFF、CID、液体损坏、数据丢失、定制操作系统/根设备，国际保修-提供的支持票证号码-我试图替换您在“是”选项中输入的值，但脚本刚刚停止工作。如果选择“是”，我是否希望输入更长的内容？如以下示例：-提交服务预订表-通知客户有关电子邮件的信息，其中包含：a）快递收件需要打印的含义b）如何正确包装设备的说明-告知免责声明：NFF、CID、液体损坏、数据丢失、定制操作系统/根设备，国际保修-提供的支持票号-我试图替换您在“是”选项中输入的值，但脚本停止工作。