[英]Check if DOM Element is a checkbox
如何检查给定的DOM元素是否为复选框。
场景:
我有一组文本框和复选框,其中的值是动态分配的。 我没有办法确定DOM元素是复选框还是文本框。
只使用vanilla javascript即可
if (el.type && el.type === 'checkbox') {
...
}
甚至更短
if ((el || {}).type === 'checkbox') {
...
}
或者在现代浏览器中,您可以使用matches()
if (el.matches('[type="checkbox"]') {
...
}
检查一切
function isCheckbox (element) {
return element instanceof HTMLInputElement
&& element.getAttribute('type') == 'checkbox'
}
if( $(element)[0].type == "checkbox" ) {
}
要么
if( $(element).is(':checkbox') ) {
}
看一下复选框选择器 。
var checkboxes = $("form input:checkbox");
您可以告诉输入的类型如下:
if ($(".your-input").is(":text"))
{
// Textbox
}
else if ($(".your-input").is(":checkbox"))
{
// Checkbox
}
if (<DOMNode>.type === "checkbox") {
// ...
}
试试这个;
$(element).is(':checkbox');
这里element
是选择你的element
if( $(element).is(':checkbox') ) {
// do something
}
jQuery is()
:
if ($el.is(':checkbox')) { ... }
您可以使用伪选择器:复选框来调用jQuery的函数:
$('#myinput').is(':checkbox')
你应该有一个不错的命名约定,它允许你知道一个元素是否只是看到它的id或名称的复选框。 例如“chkMyCheckbox”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.