jqueryのチェック値の変更値が増えた

Question

この質問は私のスキルを超えています。

チェックボックス3のチェックを外すと、入力3,4,5,6,7,8,9の値を変更します。
チェックボックス6のチェックを外すと、入力6の値を変更したい、 7,8,9。
Xのチェックを外すと、入力X ++の値を変更したいと思います。私は9チェックボックスを持っている

<code> 
$('input[type=checkbox][name=checkbox_5]').on('change', function() { 
    if ($(this).is(":not(:checked)")) { 
     $('input[type=text][name=input_5]').val(''); 
     $('input[type=text][name=input_6]').val(''); 
     $('input[type=text][name=input_7]').val(''); 
     $('input[type=text][name=input_8]').val(''); 
     $('input[type=text][name=input_9]').val(''); 
    } 
}); 
</code> 

：

私はこのjqueryのコードを書きました。私はこのチェックボックスごとにこのスニペットを書いてはいけません。 これを解決するお手伝いをしてもらえますか？

私はインクリメントを使うのが好きですが、どうやってそれを行うのか分かりません。

https://jsfiddle.net/j4q6jm6u/

Answer 1

あなたはそれを置く:gt()

 
$('input[type=checkbox]').on('change', function() { 
 
    var index = $("input[type=checkbox]").index(this); 
 
    console.log(index) 
 
    if ($(this).is(":not(:checked)")) {  
 
     $('input[type=text]:gt('+index+')').val('');  
 
    }else { 
 
    $('input[type=text]:gt('+index+')').val(index); 
 
    } 
 
}); 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text"><br> 
 
<input type="text"><br> 
 
<input type="text"><br> 
 
<input type="text"><br> 
 
<input type="text"><br> 
 
<input type="text"><br> 
 

 
<input type="checkbox"> 
 
<input type="checkbox"> 
 
<input type="checkbox"> 
 
<input type="checkbox">