jquery次のすべては入力用に機能しません

こんにちは、私のコードです。次にすべてjqueryで動作していません。私が入力を入力すると、次のすべての入力は同じ値でなければならず、以前の値は変更しないでください。ここで私はコードを書いたが、値が与えられたときに次の入力は値を得ていない。私は任意の値を変更した場合は、次の値を変更する必要がありますが、.nextAll()が兄弟のために適用されなければならないので、ない以前のjquery次のすべては入力用に機能しません

<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 

     $('.tot').change(function(){ 

      var tc=$(this).val(); 

      $(this).nextAll('.tot').each(function(){ 

       $(this).val(tc); 

      }); 

     }); 

     }); 
    </script> 
    </head> 
    <body> 
    <?php 
     include('connect.php'); 
     $yr=$_POST['year']; 
     $sm=$_POST['sem']; 
     $br=$_POST['branch']; 
     $sc=$_POST['sec']; 
     $k=0; 

     $sql="select rollno from intstd where year='$yr' and sem='$sm' and branch='$br' and sec='$sc'"; 
     $query=mysql_query($sql); 
     echo"<table>"; 
      while($row=mysql_fetch_array($query)) 
      { 
       $k++; 
       $roll=$row['rollno']; 
       echo"<tr>"; 
       echo"<td>$k</td>"; 
       echo"<td>$roll</td>"; 
       echo"<td><input type='text' class='tot' name='a[]'/></td>"; 
       echo"<td><input type='text' name='b[]' /></td>"; 
       echo"</tr>"; 
       } 
       echo"</table>"; 
       ?> 

      </body> 
      </html>

出典

2017-09-09 PAVAN

あなたのコードは動作しません。しかし、あなたのケースでは.totは<td>の子です。 inputがフォーカスを失ったときonchangeイベントが発生することを

$('.tot').change(function(){ 
     var tc = $(this).val(); 

     $(this).parent().nextAll().find('.tot').each(function() { 
      $(this).val(tc); 
     }); 

    });

注：それはあなたがこのような小さな修正をしなければならないことを意味します。すぐに変更を確認したい場合は、代わりに.keyup()する必要があります。

すべての入力に.totクラスがないことを確認してください。

P.S .: hereの例です。

UPD：テーブル

つすべて<td>のため<tr>を持つすべてのケースのために働い例：https://jsfiddle.net/xv2avray/4/
すべて<td>はあり<tr>、独自：https://jsfiddle.net/svLjg9t6/1/
任意の数のがある場合、究極のソリューション<input>の内部の任意の数の<td>の任意の数の0秒：https://jsfiddle.net/mjnu1hkw/1/

出典

2017-09-09 11:30:18 voloshin

テーブルのために働いていません。上記の修正はdivのために働いています。テーブル – PAVAN

について教えてください[作品]（https://jsfiddle.net/xv2avray/4/）。 – voloshin

jsfiddleのdivを置き換えるテーブルであなたのサンプルを編集しました。動いていない。 – PAVAN

jquery次のすべては入力用に機能しません

答えて

関連する問題