フォームの値の比較を簡潔に記載したい。

Question

###前提・実現したいこと
jqueryで下記のソースをまとめて書く方法はないでしょうか？

###該当のソースコード
<input type="text" name="hoge1" id="hoge1" value="">
<input type="text" name="hoge2" id="hoge2" value="">
<input type="text" name="hoge3" id="hoge3" value="">
<input type="text" name="hoge4" id="hoge4" value="">
<input type="text" name="hoge5" id="hoge5" value="">
<input type="text" name="hoge6" id="hoge6" value="">
<input type="text" name="hoge7" id="hoge7" value="">
<input type="text" name="hoge8" id="hoge8" value="">
<input type="text" name="hoge9" id="hoge9" value="">
<input type="text" name="hoge10" id="hoge10" value="">

if ($('#hoge1').val() == '2' || $('#hoge2').val() == '2' || $('#hoge3').val() == '2' || $('#hoge4').val() == '2' || $('#hoge5').val() == '2' || $('#hoge6').val() == '2' ||
$('#hoge7').val() == '2' || $('#hoge8').val() == '2' || $('#hoge9').val() == '2' ||
$('#hoge10').val() == '2') {
// 上記にあてはまったらここに処理を通す
}

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

if ( $( 'input[value=2][id^="#hoge"]' ).length > 0 ) {}

Answer 2

if ( $('#hoge1, #hoge2, #hoge3, #hoge4, #hoge5, #hoge6, #hoge7, #hoge8, #hoge9, #hoge10').filter('input[value=2]').length > 0 )

Comments

[Lhankor_Mhy]

あ、違う。修正します。

[Lhankor_Mhy]

修正しました。

Answer 3

たとえばこんな感じ

<script>
$(function(){
  $('input[type=button][value=check]').on('click',function(){
    var list=["hoge1","hoge2","hoge3","hoge4","hoge5","hoge6","hoge7","hoge8","hoge9","hoge10"];
    var reg=new RegExp("^("+list.join("|")+")$");
    var l=$('input').filter(function(i,j){return j.id.match(reg) && j.value!==$('#'+list[0]).val();}).length;
    if(l==0){
      console.log('good');
    }else{
      console.log('bad');
    }

  });
});
</script>

<input type="text" name="hoge1" id="hoge1" value="">
<input type="text" name="hoge2" id="hoge2" value="">
<input type="text" name="hoge3" id="hoge3" value="">
<input type="text" name="hoge4" id="hoge4" value="">
<input type="text" name="hoge5" id="hoge5" value="">
<input type="text" name="hoge6" id="hoge6" value="">
<input type="text" name="hoge7" id="hoge7" value="">
<input type="text" name="hoge8" id="hoge8" value="">
<input type="text" name="hoge9" id="hoge9" value="">
<input type="text" name="hoge10" id="hoge10" value="">
<input type="button" value="check">

予めリストをつくっておいて、それにidがマッチし、かつ0番目のデータと
各項目のデータが同じでないものを抽出して数を数えます。
全部が同じ内容ならl=0となり、違う場合は1以上の数字が入ります

Comments

[yambejp]

あ、全部が同じかどうかじゃなくて全部が2だったらいいんですね