0

以下の「is-wine」などの特定のチェックボックスをターゲットにしたいのですが、構文がわかりません。理想的には、1 行で実行できるかどうかもわかりません。

これを行う方法についてのアイデアはありますか？基本的に、「is-wine」チェックボックスを選択するだけで、他のチェックボックスは選択しません。

どうも

$(document).ready(function(){
  $('.click-me').on('click',function(){
 // doesn't work
 //$('.chex input .is-wine').attr('checked',status);  
   $('.chex input').each( function() {
      $(this).attr('checked',status);
    });
  });
});
</script>
</head>
<body>
here i am withing sub
<div id='my-killer-id'>
  <div class='click-me'>clicke me for is-wine</div>
  <div class='chex'>
  <input type='checkbox' class='is-wine' /><br />
  <input type='checkbox' class='is-coffee' /><br />
  <input type='checkbox' class='is-tea' /><br />
  <input type='checkbox' class='is-cocktail' /><br />
</div>
</div>
4

1 に答える 1

1

これはスペースなしである必要があります..

$('.chex input.is-wine').attr('checked',status);

そこにスペースを配置すると、入力の子 (子を持たない) に移動します。

if($('.chex input.is-wine').is(':checked')){
        alert('is wine is Checked !!')
     }      
     else{
       alert('is wine is not Checked !!')
    }

このフィドルをチェック

このための複数のセレクターを考え出すことができます..クラスは一意であるため

$('.chex .is-wine').attr('checked',status); 

OR 

$('.is-wine').attr('checked',status); 

OR

$('.chex input[type=checkbox][class=is-wine]').attr('checked',status);
于 2012-09-10T22:35:14.800 に答える