jQuery not(:checked)でチェックされた要素を除外するサンプル

2022年12月30日

環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1

構文
var 変数名 =$('input:not(:checked)’)
「input:not(:checked)」を使用してchecked属性が付与されたinput要素を除外する指定ができます。
「input:not(:checked)」のように記述することで「checked」が指定されたinput要素を除外します。
変数名.each(function(index,element){処理コード}
「each()」を使ってすべてのinput要素を出力しています

使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
     //checked属性が付与されたinput要素を除外する
      var ele = $('input:not(:checked)');
    //すべてのinput要素を出力する
     ele.each(function( index, element ) {
        console.log( element );
      })
});
</script>
</head>
<body>

<input type="checkbox" value="tokyo">東京
<input type="checkbox" value="oosaka" checked>大阪
<input type="checkbox" value="fukuoka" checked>福岡

</body>
</html>

実行結果
<input type="checkbox" value="tokyo">

jQuery

Posted by arkgame