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

Question

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

<input  type="checkbox" id="checkBox">
<input type="button" id='button'>

Answer 1

这应该工作

<!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";
}

Answer 2

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


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

Answer 3

jQuery 版本

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

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

})

Answer 4

 var checkboxTrue = "CheckBox is checked"; var checkboxFalse = "Please click on the checkbox"; function check() { if(document.getElementById('checkBox').checked) { alert(checkboxTrue); } else { alert(checkboxFalse); } }

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

Answer 5

 $("#btnSubmit").click(function(){ var checkoutHistory = document.getElementById('ChkCheck'); if (checkoutHistory.checked) { alert("Ok"); } else{ alert("Check box not selected"); } })

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <html> <head> </head> <body> <input type="checkbox" id="ChkCheck"> <input type="submit" value="submit" id="btnSubmit"> </body> </html>

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

问题描述

5 个解决方案

解决方案1
0 已采纳 2017-11-24 20:10:14

解决方案2
0 2017-11-24 20:12:33

解决方案3
0 2017-11-24 20:27:40

解决方案4
0 2021-01-19 04:28:51

解决方案5
0 2021-01-19 04:50:12

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

问题描述

5 个解决方案

解决方案1 0 已采纳 2017-11-24 20:10:14

解决方案2 0 2017-11-24 20:12:33

解决方案3 0 2017-11-24 20:27:40

解决方案4 0 2021-01-19 04:28:51

解决方案5 0 2021-01-19 04:50:12

解决方案1
0 已采纳 2017-11-24 20:10:14

解决方案2
0 2017-11-24 20:12:33

解决方案3
0 2017-11-24 20:27:40

解决方案4
0 2021-01-19 04:28:51

解决方案5
0 2021-01-19 04:50:12