Javascript 在单选按钮选择上显示文本
我创建了一个单选按钮,上面写着“否”和“是”。默认情况下,未选择任何内容 所以我想在这里做的是,如果有人选择“否”,什么都不会发生,但如果有人选择“是”,它应该在下面打印一条文字,说“你好,世界” 有人能帮忙吗Javascript 在单选按钮选择上显示文本,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我创建了一个单选按钮,上面写着“否”和“是”。默认情况下,未选择任何内容 所以我想在这里做的是,如果有人选择“否”,什么都不会发生,但如果有人选择“是”,它应该在下面打印一条文字,说“你好,世界” 有人能帮忙吗 不 是1.Way let radio_1=document.getElementById(“radio_1”) radio_1.addEventListener(“单击”,函数(){ 警报(“你好,世界”) }) 1.Way let radio_1=document.getElem
不
是
1.Way
let radio_1=document.getElementById(“radio_1”)
radio_1.addEventListener(“单击”,函数(){
警报(“你好,世界”)
})
1.Way
let radio_1=document.getElementById(“radio_1”)
radio_1.addEventListener(“单击”,函数(){
警报(“你好,世界”)
})
添加事件侦听器,如下所示:
document.getElementById(“yes”).addEventListener(“单击”,()=>console.log(“Hello world!”)代码>
不
对
添加事件侦听器,如下所示:
document.getElementById(“yes”).addEventListener(“单击”,()=>console.log(“Hello world!”)代码>
不
对
只需为添加一个事件侦听器,然后单击相关元素:
Javascript解决方案:
document.querySelector('input[value=“charge”]”)。addEventListener(“单击”,函数()
{
document.getElementById(“someId”).innerHTML+=“你好,世界!”;
});代码>
不
对
只需为添加事件侦听器,然后单击相关元素:
Javascript解决方案:
document.querySelector('input[value=“charge”]”)。addEventListener(“单击”,函数()
{
document.getElementById(“someId”).innerHTML+=“你好,世界!”;
});代码>
不
对
函数更改(事件){
var x=document.getElementById(“hello world”);
日志(event.target.value);
如果(event.target.value==“是”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
不
对
你好,世界
函数更改(事件){
var x=document.getElementById(“hello world”);
日志(event.target.value);
如果(event.target.value==“是”){
x、 style.display=“block”;
}否则{
x、 style.display=“无”;
}
}
不
对
Hello World
您需要为单击单选按钮设置事件侦听器。单击其中一个按钮时,需要检查选中按钮的值。当消息为“是”时,将消息设置为“hello world”,当消息为“否”时为空:
var radioY=document.getElementById(“radioY”);
var msg=document.getElementById(“msg”);
var radioQuery=document.getElementsByName(“查询”);
函数start(){
radioQuery[0]。addEventListener(“单击”,选中已单击);
radioQuery[1]。addEventListener(“单击”,选中单击);
}
//
函数checkClicked(){
对于(var x=0;x
否
对
您需要为单击单选按钮设置事件侦听器。单击其中一个按钮时,需要检查选中按钮的值。当消息为“是”时,将消息设置为“hello world”,当消息为“否”时为空:
var radioY=document.getElementById(“radioY”);
var msg=document.getElementById(“msg”);
var radioQuery=document.getElementsByName(“查询”);
函数start(){
radioQuery[0]。addEventListener(“单击”,选中已单击);
radioQuery[1]。addEventListener(“单击”,选中单击);
}
//
函数checkClicked(){
对于(var x=0;x
否
对
您需要首先为您的无线电值指定一个名称和值。如果收音机是相关的,它们需要共享相同的名称。您可以在“是”收音机按钮上添加一个单击式侦听器。您需要首先为收音机值指定一个名称和值。如果收音机是相关的,它们需要共享相同的名称。您可以在“是”收音机按钮上添加一个单击式侦听器,也可以使用onclick代替。这是你的选择。在现代javascript中,内联绑定通常是不受欢迎的。你也可以使用onclick。这是你的选择。在现代javascript中,内联绑定通常是不受欢迎的。有没有jQuery方法可以完成同样的任务?是的,jQuery会更容易。我知道Shidersz在他的回答中提供了一个jQuery答案,当我单击“否”时,文本不会消失,当我单击“是”时,文本也不会出现,但会再次继续打印,并且againI已经添加了一个jQuery解决方案,您可能更喜欢任何jQuery方法来完成相同的任务?是的,jQuery会更容易。我看到Shidersz在他的回答中提供了一个jQuery答案,当我单击“否”时,文本不会消失,当我单击“是”时,文本也不会显示出来,而是再次继续打印,并且添加了您可能更喜欢的jQuery解决方案