0

赤ワインとワインを使ったアプリがあります。赤ワインとして何かが選択されている場合は、そのdiv内の対応するワインのみをチェックに設定し、無効に設定する必要があります。これがフィドルです：http：//jsfiddle.net/z5FYR/

基本的に、スコープを制限する方法はありますか（内部divではなく-基本的にこの「subs」のように、他には何もありません）？または、data-id = '23'などのように選択する二次的なものを作成する必要がありますか？

どうも

編集＃1 したがって、その「.subs」クラスに含めることによって境界が定められた「is-wine」の3つのインスタンスがあります。同じdivにあるものだけを選択し、他の2つは選択しません。

4

2 に答える 2

2

jQueryの兄弟を試してください

http://api.jquery.com/siblings/

$(this).siblings('input.is-wine').attr("checked", this.checked);
于 2012-09-11T17:56:55.110 に答える
0

これを試して

html

 <div class='subs'>
        wine<input type='checkbox' class='is-wine' />
        red wine<input type='checkbox' class='is-red-wine' />
    </div>

      <div class='subs'>
        wine<input type='checkbox' class='is-wine' />
        red wine<input type='checkbox' class='is-red-wine' />
          </div>  

        <div class='subs'>
        wine<input type='checkbox' class='is-wine' />
        red wine<input type='checkbox' class='is-red-wine' />

        </div>

js

$(document).ready(function(){
    $('.is-red-wine').on('change', function(){
       //alert('this changed');
       $(this).parent().find('input.is-wine').attr('checked','status');
        $(this).parent().find('input.is-wine').attr('disabled',true);
    });
});
于 2012-09-11T17:54:33.113 に答える