複数のIDを取得したい

Question

以下のようなソースで、
idのhoge_1～hoge_3のチェックボックスに1つもチェックが入っていないとき、
処理をはしらせたいのですが、どのように記述すれば良いのでしょうか。

<input type="checkbox" name="hoge" value="" id="hoge_1">ほげ
<input type="checkbox" name="hoge" value="" id="hoge_2">ほげ
<input type="checkbox" name="hoge" value="" id="hoge_3">ほげ

if (document.getElementById('hoge_★ここに1～3の数字が入る★') != null){
      // ここに処理
}

Comments

[x_x]

中身とは？　value値のことでしょうか？　また、提示コードにはjQueryが使われているように見えません。

[scoa]

申し訳ございません。質問を修正いたしました。

Answer 1

たとえばこう

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#btn').addEventListener('click',function(e){
    if(document.querySelectorAll('[name=hoge]:checked').length==0){
      console.log("no check 1");
    }else{
      console.log("checked 1");
    }
    if(document.querySelectorAll('[id^=hoge_]:checked').length==0){
      console.log("no check 2");
    }else{
      console.log("checked 2");
    }
  });
});
</script>
<input type="checkbox" name="hoge" value="" id="hoge_1">ほげ
<input type="checkbox" name="hoge" value="" id="hoge_2">ほげ
<input type="checkbox" name="hoge" value="" id="hoge_3">ほげ
<input type="button" value="check" id="btn">

(1)nameをみて判断
ただし、idをチェックしていないので微妙

(2)idの先頭部分をみて判断
hoge_xでもヒットするので微妙

もし厳密にhoge_1,2,3をチェックする必要がある場合はコストが高い処理になります