最後のtdの値を計算して表示

ゴール：
行の最後のtdに正解を計算して表示します。たとえば、2番目の行を選択すると、値44が得られ、行の最後のtdに適用する必要があります。最後のtdの値を計算して表示

問題：
私はjavascriptではなくjQueryでそれを行う方法を知っています。

jQueryのソースコードに関するヘルプが必要です。

あなたが行うことができ

// fullmetalboy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 

     <title>index</title> 

    <SCRIPT language="javascript"> 
     function addRow(tableID) { 

      var table = document.getElementById(tableID); 

      var rowCount = table.rows.length; 
      var row = table.insertRow(rowCount); 

      var cell1 = row.insertCell(0); 
      var element1 = document.createElement("input"); 
      element1.type = "checkbox"; 
      cell1.appendChild(element1); 

      var cell2 = row.insertCell(1); 
      cell2.innerHTML = rowCount + 1; 

      var cell3 = row.insertCell(2); 
      cell3.innerHTML = "22"; 

      var cell4 = row.insertCell(3); 
      cell4.innerHTML = ""; 


     } 

     function deleteRow(tableID) { 
      try { 
      var table = document.getElementById(tableID); 
      var rowCount = table.rows.length; 

      for(var i=0; i<rowCount; i++) 
      { 
       var row = table.rows[i]; 
       var chkbox = row.cells[0].childNodes[0]; 

       if(null != chkbox && true == chkbox.checked) 
       { 
        var sdf = 23; 


        //table.deleteRow(i); 
        //rowCount--; 
        //i--; 
       } 

      } 
      }catch(e) { 
       alert(e); 
      } 
     } 

    </SCRIPT> 


    </head> 

    <body> 

    <INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /> 

    <INPUT type="button" value="Calculate selected row" onclick="deleteRow('dataTable')" /> 

    <TABLE id="dataTable" width="350px" border="1"> 
     <TR> 
      <TD><INPUT type="checkbox" name="chk"/></TD> 
      <TD>1</TD> 
      <TD>22</TD> 
      <TD></TD>    
     </TR> 
    </TABLE>   



    </body> 
</html>

出典

2011-07-19 What' sUP

質問があまりにも曖昧で、2行もなく、1つを追加した場合は、あなたが選んだtrの最後のtdの3番目の列のこれまでのところ。しかし、本当にあなたの質問に答えるにはあまりにも多くの仮定があります。 – Johan

（複数の列を確認することができ、その結果は、行ごとに計算されます）：ここ

$(document).ready(function(){ 
    $('#calculate').click(function(){ 
     $('input:checkbox:checked').each(function(){ 
      var first = parseInt($(this).closest('td').next('td').text(), 10); 

     var sec = parseInt($(this).closest('td').next('td').next('td').text(), 10); 
      var result = (first*sec); 
      $(this).closest('tr').find('td:last').html(result) 

     }); 
    }); 
});

Fidlle：http://jsfiddle.net/D2uVz/

出典

2011-07-19 19:24:06

最後のtdの値を計算して表示

答えて

関連する問題