选中时获取复选框的类名

Question

我有这样的html代码，它有一个类名：

<input type="checkbox" value="Yes" id="ques11" name="radiobutton" class="option_1" />

我还有另一条线路

<input type="checkbox" value="Yes" id="ques12" name="radiobutton" class="option_2" />

如果我选中第一个复选框，我希望获得该复选框的类名作为输出，并将其存储在脚本变量中。我如何获得这个类名？

Answer 1

在使用jQuery（或其他几种方式）附加的单击处理程序中，this是对input的引用，不需要closest。

不过，这不是您的问题，您的问题是尝试在数组上调用val。如果您想从split获得数组中的第二个条目，只需使用[1]:

var quesNo = this.className.split("_")[1];

注意，这假设input上只有一个类。

---

不过，与其使用类名，我建议使用data-*属性：

<input type="checkbox" value="Yes" id="ques11" name="radiobutton" data-quesno="" />

然后

var quesNo = $(this).attr("data-quesno");

（你会有人告诉你使用.data("quesno")。只有在你需要data提供的功能时才这样做。这是而不是data-*属性的访问器，这是一个常见的误解。）