0

Web アプリケーションに表示される html テーブルがありますが、行をクリックして選択し、各列のデータを JavaScript で使用できる変数として取得するボタンが必要です。これは私が試みていたものですが、何をすべきかわからないため完全ではありません。列の内容が必要であることを覚えておいてください。私の機能...

function selectedRows() 
{
   var selectedItems = ('#ScannedLabelTabl; // i wanted to get the selected item (row)

     $.each(selectedItems, function (i, item) {


      });

}
4

5 に答える 5

1 
$('tr').click(function() {
    $('tr').removeClass('selected');
    $(this).addClass('selected');

    var td = $(this).children('td');
    for (var i = 0; i < td.length; ++i) {
        alert(i + ': ' + td[i].innerText);
    }
});

ここでデモを実行してください: http://jsfiddle.net/VjkML/

于 2013-02-22T09:36:03.637 に答える
0

以下のコードを試してください

  $(function () {

    $("td").click(function () {
        $("td", $(this).parent()).each(function () {
            alert($(this).html());
        })
    })
于 2013-02-22T10:01:11.773 に答える
0

これを行う最も簡単な方法は、ユーザーが要素をクリックしたときに行/列にクラスを追加することです。CSS スタイルを適用でき、jQuery のクラス セレクターを使用して、選択した要素を列挙できます。

JSFiddle をビルドします。

ああ。遅すぎる。オビリアへの小道具。

于 2013-02-22T09:36:11.043 に答える
0

複数の選択を許可したい場合（それが必要かどうかはわかりません）、クリックイベントハンドラーをセルに追加することができます。

$("tr").click(eventHandler);

function eventHandler(){
    //what this does is verifies of the element has the class, if it doesn't have the class is addeds, if it has the class it's removed
    $(this).toggleClass("selected");
}

次に、すべての値を取得するには、次のようにします。

function getAllValues(){
    var arrayOfValues = [];
    $(".selected").each(function(){
        var value = $(this).//what you want to get val or text
        arrayOfValues.push()

    });
    return arrayOfValues;
}
于 2013-02-22T09:37:06.943 に答える