1. ホーム
  2. javascript

[解決済み] 特定の属性が設定されている要素にのみquerySelectorAllを使用するにはどうすればよいですか?

2022-04-26 03:51:35

質問

を使おうとしています。 document.querySelectorAll を持つすべてのチェックボックスに対して value 属性が設定されています。

このページには、他のチェックボックスにも value が設定されており、値は各チェックボックスで異なっています。しかし、idと名前は一意ではありません。

<input type="checkbox" id="c2" name="c2" value="DE039230952"/>

値が設定されているチェックボックスだけを選択するにはどうすればよいですか?

どのように解決するのか?

を使用することができます。 querySelectorAll() このように

var test = document.querySelectorAll('input[value][type="checkbox"]:not([value=""])');

という訳になります。

属性 "value" を持つ、空白でないすべての入力を取得します。

このデモでは の場合、空白でない値を持つチェックボックスを無効にします。