Javascript 当我勾选了两个复选框时,为什么不显示标签?
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
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)) {