Question

有一个复选框和一个按钮。当您单击按钮时，显示消息＆＃34;谢谢＆＃34;如果单击该复选框。如果该复选框未激活，则显示消息＆＃34; Goodbye＆＃34;

<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版本

*** Running FRONTEND component engine specs
Run options: --seed 29704

# Running:

......................................................................................................................................................................................E...........

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 个答案: