htmlページに行の値を表示するにはどうすればよいですか？

-2

jqueryを使用してHtmlページに行の値を表示する必要がありますが、解決策が見つかりませんでした。htmlページに行の値を表示するにはどうすればよいですか？

<HTML> 
<head> 
<title>My Java Program</title> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

</head> 
<body> 
<table id="myTable" border="2"> 
<tr><td>hello</td><td>gaurav</td><td>Present<input type="radio" value="present" name="rad0>">&nbsp; 
     Absent<input type="radio" value="absent" name="rad0"/></td></tr> 
     <tr><td>hello</td><td>gaurav</td><td>Present<input type="radio" value="present" name="rad1>">&nbsp; 
     Absent<input type="radio" value="absent" name="rad1"/></td></tr> 
     <tr><td>hello</td><td>gaurav</td><td>Present<input type="radio" value="present" name="rad2>">&nbsp; 
     Absent<input type="radio" value="absent" name="rad2"/></td></tr> 
     <tr><td>hello</td><td>gaurav</td><td>Present<input type="radio" value="present" name="rad3>">&nbsp; 
     Absent<input type="radio" value="absent" name="rad3"/></td></tr> 





</table> 
<br> 
<button id="mark" onclick="mark">Mark</button> 
<p id="out">-----</p> 
<script> 
      $(document).ready(function(){ 
       $("#mark").on("click",function(){ 


        var vals=""; 
        $('#myTable tr').each(function(){ 
         vals+=$(this).find('td:eq(0)').text()+","; 
         vals+=$(this).find('td:eq(1)').text()+","; 
         var checked = $(this).find('input:radio:checked').val(); 
         vals+=checked; 


        }); 

        $('#out').html(vals); 



       }); 


}); 
      </script> 
      </body> 
</html>

そして、私の出力ハロー

である、のGaurav、undefinedhello、のGaurav、undefinedhello、のGaurav、undefinedhello、のGaurav、未定義

私にはわかりませんどこが間違っていますか？

出典

2017-01-19 Gaurav Kumar Arya

を、そしてコードがチェック* 1 *である場合は、右の値を見つけるように見えます。あなたは何を見たいと思っていましたか？ –

徹底的にお読みになることを強くお勧めします[ask] – charlietfl

コードのどの部分が関連する部分ですか？ – Ibu

ラジオボタンに同じ名前を付け、ラジオボタンがチェックされていないため、未定義の出力がチェックされていることを確認する必要があります。

var vals=""; 

$('#myTable tr').each(function(){ 
    vals+=$(this).find('td:eq(0)').text()+","; 
    vals+=$(this).find('td:eq(1)').text()+","; 
    var checked = $(this).find('input:radio:checked').val(); 
    if(checked) 
     vals+=checked + "<br />"; 
    else 
     vals+="not checked <br />"; 
});

私はあなたの例から構築したこのフィドルを参照してください：何のラジオボタンがチェックされなかった場合、私が期待するだけで何https://jsfiddle.net/go7jpp9n/1/

出典

2017-01-19 18:09:18

htmlページに行の値を表示するにはどうすればよいですか？

答えて

関連する問題