键入检查区分大小写

时间:2016-09-29 13:04:52

标签: javascript jquery html checkbox

我有一个问题,因为我一直在检查对象的类型。我有以下情况:

<span class="checkbox">
  <input id="id1" type="checkbox" name="id1">
  <label for="id1"> check me</label>
</span>

<textarea cols="40" rows="10" id="id2" type="text" name="id2"></textarea>

我有一个复选框和一个文本区域。现在我编写了一些代码,根据类型或标记名检查对象:

// TYPE
var type = $('#id1').attr('type');
$('.result').append("type: ", type);

// Type checking
if (type == "checkbox") {
    $('.test').append("[1] yes found one <br/>");
}
else{
    $('.test').append("[1] ahw I found an error");
}
// This will fail because case sensitive
if (type == "Checkbox") {
    $('.test').append("[2] yes found one");
}
else{
    $('.test').append("[2] ahw I found an error");
}

// TAGNAME
var tagname = $('#id2')[0].nodeName;
$('.result2').append("tagname: ", tagname);

// tagName checking
if (tagname == "TEXTAREA") {
    $('.test2').append("[1] yes found one <br/>");
}
else{
    $('.test2').append("[1] ahw I found an error");
}
// This will fail because case sensitive
if (tagname == "textarea") {
    $('.test2').append("[2] yes found one");
}
else{
    $('.test2').append("[2] ahw I found an error");
}

我注意到,对于对象,文本区域和复选框,使用type和nodeName检查最终会出现区分大小写的问题。我可以编写多个if语句来尝试捕获所需的案例,例如:复选框,复选框,复选框等。

所以我想知道什么是最好的方法来键入检查对象,而不知道它是否区分大小写或具有类似这样的模式:CheCkBox?

我的代码演示可以在这里找到:JSFIDDLE

0 个答案:

没有答案