2016-09-25 16 views
-1

私はHTMLテーブルのソートにEditableGridを使用しています。このテーブルは、MVCコントローラを介して(文字列として)生成され、id(#htmlgrid)を持ちます。テーブルが正しく表示されます。私はrowcountとcolumncountをどのように取得するのか知っていますが、チェックボックスの値を見つける方法はわかりません。これらの値を取得するには、JavaScript関数を使用します。 (Google Chrome)デバッガでは、チェックボックスの値を見つけることができません。 私のテーブルには、次のようになります。チェックボックスが選択されているか調べる

<tr> 
    <th style="border:2px solid grey">selected</th> 
    <th style="border:2px solid grey">id</th> 
    <th style="border:2px solid grey">name</th> 
</tr> 

そして、私の関数の中で私は、行数と項目の配列を取得するためにこれらを使用しています。

var length = document.getElementById(tableId).rows.length; 
var container = document.getElementById(tableId).rows; 

ご覧のとおり、最初の列はチェックボックスの位置です。また、すべてのチェックボックスには、次のようなIDがあります。

<td id="checkbox0">false</td> 

"false"(この場合)の値にはどうすればアクセスできますか?私は、属性の多くが、選択されたかどうかと、私ははっきりと見ることができる何を得るか

var container = document.getElementById(tableId);//html table 
container[2].children[0];//table row 2, column 0 

:私はテーブルの変数を設定している場合のように、私は、document.getElementById("checkbox0").checkedを経由してこの値にアクセスしようとしました。

+0

例として、* real *チェックボックス( '')はありません。 –

+0

このメソッドは悲しいことに、(trim()を使わずに) )これは ''ですが、値はありません – Garamaru

答えて

0

document.getElementById("checkbox0").innerHTML?これはあなたのタグtdの間でinnerHTMLを取得するためだけです。チェックボックスの値を聞いているので、私はかなり混乱していますが、私はinput type="checkbox"(またはそれに類するもの)が表示されません

(コメントに記入する必要があります。 trueまたはfalseを返します

$('#checkbox0').is(":checked"); 

:唯一のあなたがでチェックボックスの状態を取得することができます)ここ

+0

実際のチェックボックスはないので、EditableGridのおかげでそのように見えます。そして、これはinnerHTMLを実行すると '' "'を返します。どのような変数であるかは、EditableGridによって定義されます。これは(window.onload)のようになります: 'editableGrid。{name: "sensorid"、データ型: "string"、編集可能:false}、 メタデータ: {name: "id"、データ型: "boolean"、編集可能:true}、 {name: "sensorid" – Garamaru

+0

EditableGridについてよく分かりませんが、私はあなたが試みることができると思っています: 'document.getElementById(" checkbox0 ")、データ型:" string "、編集可能:false} ] } .getElementsByTagName( "input")。checked' –

0

を配置するかを選択できます。あなたは

$('input[type="checkbox"]:checked') 

を確認することができ、選択したすべてのチェックボックスを選択するには

が、これは

0

まあ、私はダム感じ、私はダム感じるべきことができます願っています。答えはかなりシンプルでした...(editablegridを使って)テーブルを初期化するために、私はグローバルなJavaScriptオブジェクトを作成しました。私は私のコードでこれをしなければならなかった:

var value = editableGrid.getCell(row, column).firstChild.checked; 

開発者はこのようにそれを行うことを選んだが、それは私が正しい値を取得する方法です理由は、不明です。あなたの時間を読んでそれを解決しようと多くの皆さんに感謝します。

関連する問題