Javascript 当我勾选了两个复选框时,为什么不显示标签?

Javascript 当我勾选了两个复选框时,为什么不显示标签?,javascript,html,Javascript,Html,JavaScript: function Checkbox() { //Deleted parenthesis below, because checked is a property, not a function var FirstClass = document.getElementById("First-Class"); var Standard = document.getElementById("Standard"); if (FirstClass.checked &&a

JavaScript:

 function Checkbox() {
//Deleted parenthesis below, because checked is a property, not a function
var FirstClass = document.getElementById("First-Class");
var Standard = document.getElementById("Standard");

if (FirstClass.checked && Standard.checked) || !FirstClass.checked && !Standard.checked) {
   // document.getElementById("CheckError").textContent = "";
    alert("Please");
}
else {
    document.getElementById("CheckError").textContent = "Please Ensure everything is covered.";
}
}
HTML:


副翼
标准
头等舱

结账


大家好,在这里,我试图使一个标签显示,如果两个复选框,如果都是空的,我怎么能做到这一点,我做了尝试,但什么也没有发生

这对我有用:

HTML:


现在,“FirstClass”和“Standard”变量是布尔变量,因此您不必在if条件中使用.checked属性。

您的代码可以正常工作,它在这一行只有一点语法错误:

if ((FirstClass.checked && Standard.checked) || (!FirstClass.checked && !Standard.checked)) {
你遗漏了一些括号


Codepen:

我会删除
getElementById
选择器的
部分
.checked()
。调用函数作为
复选框()
不像
复选框()
。嘿,安迪,谢谢你的帮助,但还是一样。现在,你希望用户从这两个选项中选择一个,并且只选择一个,你为什么不用一组收音机呢?谢谢你的回答,但还是没什么,我真的不明白为什么。是的,你能给我看一把小提琴吗?我不得不做些改变,让它在JSFIDLE中工作,我真的不知道为什么。我必须从Javascript中分配事件,而不是按钮标记中的“onclick”HTML属性。希望有帮助!
<input type="checkbox" id="Standard" name="Type" value="Standard">
<label class="light" for="Standard">Standard</label><br>

<input type="checkbox" id="First-Class" name="Type" value="First-Class">
<label class="light" for="First-Class">First Class</label><br><br>

<label id = "CheckError"></label>

<p id="total-cost"></p>
<!-- Assign click event on JS script -->
<button type = "button" value="checkout" id="checkoutbtn" onclick="myFunction(); createcookie(); AdultNumber(); calculateFare();" >CHECKOUT</button>
document.getElementById("checkoutbtn").onclick = Checkbox;

function Checkbox() {
    //Deleted parenthesis below, because checked is a property, not a function
    var FirstClass = document.getElementById("First-Class").checked;
    var Standard = document.getElementById("Standard").checked;

    if ((FirstClass && Standard) || (!FirstClass && !Standard)) {
        // Show the message when only one is checked
        document.getElementById("CheckError").textContent = "Please Ensure everything is covered.";
    }
    else {
        // Set empty string in other case
        document.getElementById("CheckError").textContent = "";
    }
}
if ((FirstClass.checked && Standard.checked) || (!FirstClass.checked && !Standard.checked)) {