0

これは私の最初の投稿であり、jquery の最初の経験です。

2 つのテキスト ボックスと 4 つのチェック ボックスをレンダリングして作成しました。

各テキスト領域には 2 つのチェック ボックスがあります

これらの間の関係を作成するにはどうすればよいですか..したがって、テキストエリア(IDを持つ)を取得するときに、他の2つのチェックボックスの2つのIDも取得します(それらにもIDを渡しました)。

ありがとうございました。

それが理にかなっていることを願っています。

以下の同じものが2つあります

4

1 に答える 1

2

要素のグループを識別するために使用できる共通点を持たせるのが最善です。私が今思いつくことができる2つの方法があります:

  1. 通常のクラスの後に各要素に同じクラスを与えます。たとえば、class="checkBox1 one"チェックボックスやclass="textArea one"テキスト領域などです。

  2. それらを同じ容器に入れます。この場合は a<div>が最適です。

私が好む2番目のものを使用すると、それらのすべてに適用されるイベントを簡単に作成できます。

HTML:

<div id="container1" class="container">
 <input class="checkBox1" type="checkbox"/>
 <input class="checkBox2" type="checkbox"/>
 <input type="textarea"/>
</div>

jQuery:

$('.container *').click(function(){
    alert('clicking on an element inside ' + $(this).parent().attr('id'));
});

その結果、「container1 内の要素をクリックする」ことになります。

<textarea>他の例は、チェックボックスがクリックされたときに空にしたい場合です:

$('.container checkbox').click(function(){
   $(this).siblings('textarea').val("");
});
于 2012-06-12T14:20:36.993 に答える