2

これは私のjspです：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Insert title here</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>

</head>
<body>
<table id="one" style="border:1px solid red;">
    <caption>Table 1</caption>
<thead>
<tr>
<th></th>
<th >ID</th>
<th> Name</th>
<th>System</th>
</tr>
</thead>
    <tbody>
      <tr>
        <td><input type="checkbox" /></td>
        <td>12</td>
        <td>Sam</td>
        <td>FSS</td>
     </tr>

     <tr>
        <td><input type="checkbox" /></td>
        <td>87</td>
        <td>Harry</td>
        <td>MSS</td>
     </tr>
     <tr>
        <td><input type="checkbox" /></td>
        <td>23</td>
        <td>Rita</td>
        <td>MVV</td>
     </tr>
     <tr>
        <td><input type="checkbox" /></td>
        <td>65</td>
        <td>Tom</td>
        <td>RDD</td>
     </tr>   
   </tbody>
</table>

<br><hr><br>
<button id="add">Add</button>
</body>
</html>

ここで、追加ボタンをクリックすると、チェックされた値を含む必要があるid、name、systemなどのさまざまな変数でチェックされた対応する行のすべての値を取得したいと考えています。

これらの値を (マップではなく) 文字列に格納する必要があります。以下を達成するためのjquery / jsを提案してください。

アップデート

チェックボックスと一緒に隠しフィールドがある場合、その値を取得するにはどうすればよいですか? 例えば

<td>
<input type="checkbox" />
<input type="hidden" value="secret" id="alertTyp" />
</td>
4

6 に答える 6

1

これを試して：

$('#alertTyp').val()
于 2013-08-23T08:59:41.160 に答える
1

解決策については私のフィドルを参照してください

[http://jsfiddle.net/a4WMc/]

http://jsfiddle.net/a4WMc/

于 2013-08-05T09:34:36.187 に答える
0

すべての行を反復処理できます...どのように実行され、それがどのようになるかという質問:

var str = '';
$('#one').find('tbody').find('tr').each(function()
{
    if($(this).children().eq(0).attr('checked') == 'checked')
    {
        $(this).find('td').each(function()
        {
         str += $(this).text();
        });
    }
});

またはそのようなもの...申し訳ありませんが、これをテストする時間はありません。

于 2013-08-05T09:24:38.597 に答える
0

私はこのようなことをします（テストされていないコード!!!）：

var myRow = $('input[type="checkbox"]:checked').parents('tr:first');
var result;
myRow.children('td').each(){
    result += $(this).html() + "|";
}

これは、チェックされたチェックボックスが1つしかない場合に機能します...そうでない場合は、チェックされたすべてのチェックボックスを循環して値を取得する必要があります...

于 2013-08-05T09:24:45.877 に答える