javascript - 选中时获取复选框的类名

标签 javascript

我有这样的 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" />

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

最佳答案

在使用 jQuery(或其他几种方式)附加的点击处理程序中,this input 的引用,您不需要不需要 closest

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

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

请注意,这假定输入 上只有一个类。


不过,我建议不要为此使用类名,而是使用 data-* 属性:

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

然后

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

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

关于javascript - 选中时获取复选框的类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38607596/

相关文章:

带有 html 标签的 Javascript 子字符串

javascript - 使用 ng-change 进行 HTML 选择不起作用

javascript - 凯撒密码移位javascript问题

Javascript 事件处理程序引发 "error: CS1026: ) expected"异常

javascript - 火狐javascript window.open _self

javascript - 添加不带变量的 .val()

javascript - 响应式菜单切换不可见

javascript - 错误 404 页面表现得很疯狂

javascript - 改变jquery方法的prototypejs

javascript - 将鼠标悬停在下拉菜单上时,如何让导航栏的下拉菜单保持不变?