Javascript 单击按钮时，显示一条消息_Javascript_Jquery

Javascript 单击按钮时，显示一条消息

javascript jquery

Javascript 单击按钮时，显示一条消息,javascript,jquery,Javascript,Jquery,有一个复选框和一个按钮。单击按钮时，如果单击复选框，则显示消息“谢谢”。如果复选框未处于活动状态，则显示消息“再见” 这应该行得通 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <input type="checkbox" id="checkBox"> <input type="button" id='bu

有一个复选框和一个按钮。单击按钮时，如果单击复选框，则显示消息“谢谢”。如果复选框未处于活动状态，则显示消息“再见”

这应该行得通

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
 <input  type="checkbox" id="checkBox">
<input type="button" id='button' value = "Click me" onclick="FbotonOn()">
<p id="texto"></p>
</body>
</html>

<script type="text/javascript">
function FbotonOn() { 

    if(document.getElementById('checkBox').checked)
        document.getElementById('texto').innerHTML = "Thank you";
    else
        document.getElementById('texto').innerHTML = "Good Bye";
}



函数FbotonOn（）{
if（document.getElementById（'checkBox'）.checked）
document.getElementById（'texto'）.innerHTML=“谢谢”；
其他的
document.getElementById（'texto'）.innerHTML=“再见”；
}

Jquery版本

$('#button').on("click",function(){

    if( $('#checkBox').is(":checked")){
      alert("checked")
    }else{
      alert("un checked")
    }

})

var checkboxTrue=“复选框已选中”；
var checkboxFalse=“请单击复选框”；
函数检查（）{
if（document.getElementById（'checkBox'）.checked）{
警报（checkboxTrue）；
}
否则{
警报（checkboxFalse）；
}
}


复选框

$（“#btnsupmit”）。单击（函数（）{
var checkoutHistory=document.getElementById（'ChkCheck'）；
if（checkoutHistory.checked）{
警报（“正常”）；
}
否则{
警报（“未选中复选框”）；
}
})

Hmmmm您想要什么？有什么问题吗？一个简单的if-else语句，条件是（“：checked”），并且应该有一个警报。。。试着自己做…你至少试过自己做吗？你想在哪里显示消息？亲爱的Alyasha，你需要在html代码中添加一个脚本，在这个脚本中，你可以通过DOM访问html组件并执行你需要的操作消息。为了更好地帮助您，请构建一个包含javascript和html的完整示例。如果你不知道我在说什么，我想向你推荐一个javascript培训，互联网上有很多。

document.getElementById("checkBox").addEventListener("click,", function(){ 
console.log("check box click")});


document.getElementById("button").addEventListener("click,", function(){ console.log("button click")});

$('#button').on("click",function(){

    if( $('#checkBox').is(":checked")){
      alert("checked")
    }else{
      alert("un checked")
    }

})