2016-04-28 8 views
0

プレーンテキスト、チェックボックス、およびドロップダウンボックスを含む行を持つ動的に作成されたテーブルを反復処理しています。Idなしのチェックボックスの値を取得するJQuery

$('#myTableId td').each -> 
    thisSelect = $(this).find("option:selected").text() 
    if thisSelectBox != "" 
    allSelectValues.splice selectCounter,0, thisSelectBox 
    selectCounter++ 

このコードは、私の選択値を得るために働くので、テキストボックスには同様の方法を使用しています。私の問題は、チェックボックスの値を取得しています。テーブルを動的に作成されているので、テーブルを動的に作成されているので、私はidで、チェックボックスの値を取得カント、私はこのコードを使用しようとすると:

$('#tableId td').each -> 
    thisCheckbox = $(this).find("input.classNameOfCheckbox:checkbox").val() 

A含んでTDに繰り返し処理を行う場合、それは「上」を返しますそれがチェックされているかどうかをチェックします。だから私の質問は、この問題のための最良のアプローチは何ですか?

+0

こんにちは.prop http://api.jquery.com/prop/ – Adamz

答えて

1

ちょうどあなたのセレクタの最後に:checkedを追加し、それだけでチェックされ、それらの要素を選択します/何がチェックされていない場合、あなたはundefinedを取得します

$(this).find("input.classNameOfCheckbox:checkbox:checked").val() 

を選択しました。

td .val()で複数のチェックボックスがチェックされている場合は、最初の値だけが返されます。

jQuery(document.body).append(  
 
    "Checked: "+jQuery("div").find("input:checkbox:checked").val() 
 
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <input type="checkbox" value="first" /> 
 
    <input type="checkbox" value="second" checked /> 
 
    <input type="checkbox" value="third" /> 
 
</div>

+0

加工したチェックアウトあなたは、それぞれの値に

デモを取得するために.eachまたは類似のループメソッドを使用する必要があります完全に!どうもありがとうございます! – MeteorShower

関連する問題