Question

下午好！

我正在为电影院建立一个简单的预订系统。我对电影院的可用座位进行了图形描述。有三种类型的座位：灰色的7美元，黄色的花费9美元，红色的花费11美元。

我给了每个不同类型的座位：A为7美元，B为9美元，C为11美元。每个座位都是一个HTML按钮。

<body>


<table>
<tr>
<td></td>
<td></td>
<td><input id="1" class="A" type="button" onclick="myFunction(7)" /></td>
<td><input id="2" class="A" type="button" onclick="myFunction(7)" /></td>
<td><input id="3" class="A" type="button" onclick="myFunction(7)" /></td>
<td><input id="4" class="A" type="button" onclick="myFunction(7)" /></td>
<td><input id="5" class="A" type="button" onclick="myFunction(7)" /></td>
<td><input id="6" class="A" type="button" onclick="myFunction(7)" /></td>
<td><input id="7" class="A" type="button" onclick="myFunction(7)" /></td>
<td><input id="8" class="A" type="button" onclick="myFunction(7)" /></td>
<td></td>
<td></td>
</tr>

现在，我想要做的是运行一个函数，检查哪个类按下了哪个类，以及用户应该得到的价格。

到目前为止，我尝试过这样的事情：

if (document.getElementsByClass("A") === "A") {
    alert("i am an a");
} else {
    alert("i am something else");
}

但这似乎不起作用。有谁知道这个问题的解决方案？

提前致谢，

-Robert

Answer 1

您可以使用element.className属性来检查用户点击的按钮的类名。 .getElementsByClassName将返回所有已将类名设置为＆＃34; A＆＃34;的元素。
您可以轻松检查返回类型是否为Array：

var elements = document.getElementsByClassName("A")
if (elements.constructor == Array) {
   // elements is Array
   elements.forEach(function(element) {
       // element has className === "A"
   }
}

<小时/> 如果您想在用户点击时查看按钮的类，请使用以下内容：

＆＃13;

var myFunction = function (id, button) {
 if (button.className === "A") {
     alert("I'm A!");
 }
}

＆＃13;

<input id="1" class="A" type="button" onclick="myFunction(7, this)" />

＆＃13;

如何检查某个班级是否有某个名字？

1 个答案: