2011-08-04 11 views
0

は私がHTMLを持っている:チェックボックスのコレクションを選択するにはどうすればよいですか?

<tr> 
<td><input type="checkbox" value="3" id="userListingSelect0" cssclass="cbDelete"> 
</td><td>general</td> 
<td><a href="editUser.aspx?userId=3">Edit</a></td> 
</tr> 
<tr> 
<td><input type="checkbox" value="1" id="userListingSelect1" disabled="disabled" cssclass="cbDelete"> 
</td><td>hmladmin</td> 
<td><a href="editUser.aspx?userId=1">Edit</a></td> 
</tr> 

とチェックボックスのすべてを取得するためにjQueryを使用しようとしてイム。

使用してイム:取得

console.log(jQuery('.cbDelete').html()); 

しかし、すべてのIMは未定義です。どのように私は...

1)は、すべての要素 2)それらを介して反復処理を得るのですか?

私が使用してみました:

jQuery('.cbDelete').each(function() { 

     console.log('got here'); 

     if (this.checked) { 

      selectionMade = true; 
     } 
     resultsGot = true; 

    }); 

そして、私がコレクションを取得傾けるように見えるので、まだそれはここに来た '行にに取得できませんでした。わからないのはなぜ.... class属性が定義されている場合

答えて

0

この行が動作しない理由は、このための作業を行いますclassにそれを変更するcssclass属性

console.log(jQuery('.cbDelete').html()); 

です。またはイゴールからの答え。

+0

にレンダリングする必要があります私は完全にクラスがAspの間で混乱しgetitngたそれに電話をするのを忘れたタイプミスでした。ネットとHtml!ありがとう – Exitos

0

jQueryのクラスセレクタが動作しますが、あなたはcssclassを持っています。だからあなたの場合には、あなたが試すことがあります。

$("input[cssclass='cbDelete']"); 

だけでいつものようにeachを使用を反復処理します。

0

あなたは、チェックボックスにクラスを与えるために非標準の識別子を使用しています。 classcssclassを変更し、$('.cbDelete')動作します。 .(ドット)は「クラス」を意味します。

@Igor Dymovは

$("input[cssclass='cbDelete']"); 

作品を使用して、彼の答えではなく、突然言うように。これはcbDeleteの値は、カスタム属性cssclassで任意の入力を求めます。それはきれいだと

個人的に、私はクラスを使用すると思い、よく検証し、セレクタは、単純(そしておそらくビット速い)です。

0
$("input:checkbox").each(function(){ 
    console.log('got here'); 

     if (this.checked) { 

      selectionMade = true; 
     } 
     resultsGot = true; 

}); 

あなたは(のは、あなたのテーブルのidが「table_a」であるとしましょう)、あなたの指定したテーブル内でのみチェックボックスを取得する場合のCssClassだけのクラスに変更された場合、それはそう

$("#table_a input:checkbox").each(function(){ 
0

になりますできます。だからあなたのビューはクラスにcssClassを変更しないのですか?それともそれがソースですか?ソースでcssClassを使用している場合は、すでに回答している人もいます。

あなたはASPであることを定義している場合:

<asp:TextBox id="TextBox1" ForeColor="Red" CssClass="class1" /> 

がうん

<input type=text class="class1" style="ForeColor:red"> 

http://jsfiddle.net/SdHuK/

関連する問題