javascript - DOM要素がチェックボックスであるかどうかを確認します

Question

特定のDOM要素がチェックボックスであるかどうかを確認するにはどうすればよいですか。

シナリオ：

値が動的に割り当てられるテキストボックスとチェックボックスのセットがあります。DOM要素がチェックボックスなのかテキストボックスなのかを識別する方法がありません。

score 75 · Accepted Answer

バニラJavaScriptのみを使用して行うことができます

if (el.type && el.type === 'checkbox') {
   ...
}

またはさらに短い

if ((el || {}).type === 'checkbox') {
   ...
}

または最新のブラウザで使用できますmatches()

if (el.matches('[type="checkbox"]') {
    ...
}

score 18 · Accepted Answer

jQueryを使用している場合は、メソッド:checkboxとともに疑似クラスセレクターを使用できます。is

if($("#that-particular-input").is(":checkbox")) {
}

score 13 · Accepted Answer

何かをチェックします

function isCheckbox (element) {
   return element instanceof HTMLInputElement 
      && element.getAttribute('type') == 'checkbox'
}

score 5 · Accepted Answer

5

if( $(element)[0].type == "checkbox" ) {

}

また

if( $(element).is(':checkbox') ) {

}

于 2012-06-20T08:17:49.057 に答える

score 2 · Accepted Answer

var checkboxes = $("form input:checkbox");

入力がどのタイプであるかは、次のようにわかります。

if ($(".your-input").is(":text"))
{
    // Textbox
}
else if ($(".your-input").is(":checkbox"))
{
    // Checkbox
}

score 2 · Accepted Answer

2

if (<DOMNode>.type === "checkbox") {
    // ...
}

于 2012-06-20T08:15:56.410 に答える

score 1 · Accepted Answer

これを試して;

  $(element).is(':checkbox');

ここelementにあなたのセレクターがありますelement

if(  $(element).is(':checkbox') ) {
  // do something
}

score 1 · Accepted Answer

1

jQuery is()：

if ($el.is(':checkbox')) { ... }

于 2012-06-20T08:16:04.210 に答える

score 1 · Accepted Answer

疑似セレクター：checkboxをjQueryのis関数の呼び出しで使用できます。

$('#myinput').is(':checkbox')

score 0 · Accepted Answer

要素のIDまたは名前を確認するだけで、要素がチェックボックスであるかどうかを知ることができる適切な命名規則が必要です。例：「chkMyCheckbox」

10 に答える 10