:not()【否定要素】

メモ

  • 指定セレクタ対象以外を選択

構文

jQuery( ":not(selector【セレクタ】)" ) 1.0

関連

<div id="id1">
  <p style="color:red;">チェック状態の変更で動作</p>
  <label><input type="checkbox" checked>チェックボックス</label>
  <label><input type="checkbox" checked>チェックボックス</label>
  <label><input type="checkbox" checked>チェックボックス</label>
</div>

<script>
$("#id1 input:checkbox").change(function() {
  $("#id1 input:checked").parent().css("border", "none");
  $("#id1 input:not(input:checked)").parent().css("border", "2px red dashed");
});
</script>

チェック状態の変更で動作